Reduce white space above blog post body

  • Author
    Posts
  • #114428

    Hi! Thanks for designing this great theme. I have been trying to reduce some of the white space at the top of blog posts. I’ve moved the dashed line up a big, but still have 2 areas I’d like to reduce and can’t figure out the css. Screenshot shows the areas. Thanks!

    The blog I need help with is: (visible only to logged in users)

    #114651
    anarieldesign
    Theme Author

    Hi,

    thank you for using our theme and happy you like it.

    You can use this inside the Custom CSS:

    .entry-header h2.entry-title {
        margin: 0 0 10px 0;
    }

    you can add also a negative margin to reduce more:

    .entry-header h2.entry-title {
        margin: -10px 0 10px 0;
    }

    Hope this helps.

    All the best,
    Ana

    #114784
    whohasfreeshippingtoday
    Member
    Original poster

    I had to adjust the numbers a bit, but the coding worked great. Thank you!

    #114793
    anarieldesign
    Theme Author

    You are welcome, glad I could help with.

    All the best,
    Ana

    #114813
    whohasfreeshippingtoday
    Member
    Original poster

    For anyone following along at home, I also used this code on my css to further target the issue in the mobile version:

    @media only screen and (min-width: 320px) and (max-width: 500px) {
    .container.content {

    margin-top: -50px;
    }
    }

  • The topic ‘Reduce white space above blog post body’ is closed to new replies.