Remove space on top of blog posts

[boera]

Hi, I’ve searched the board for solutions, and have added this CSS:

.single-post .x-container.max.width.offset {
width: 100%;
max-width: 100%;
}

This improved things, but there is still a great deal of white space on top of each blog post. What can I do to bring the image to the top of the page? See examples below for a current blog post, and two pages/posts which demonstrates what I want to achieve:

Current problem post: https://framprofessionals.com/functional-expertise/legal-compliance/law-graduates-advice-on-getting-training-contracts/
Ideal look: https://framprofessionals.com/about/knowledge/law-firm-partnership-pt-1-the-path-to-becoming-a-partner/
Also acceptable: https://framexec.com/retaining-and-exclusivity-in-a-candidate-short-market/

I want to do this on all blog posts across the site.
Thank you in advance!

[tristup]

Hi @boera,

Thanks for reaching out.
The post has padding and margin in many places, which is not on the page you referred to. You can try by adding the following custom CSS code into the Theme Options > CSS.

.single-post .entry-content
{
    margin-top: 0px !important;
}
.single-post .entry-wrap
{
    padding:0px !important;
}
.single-post .x-container.offset
{
    margin-top:0px !important;
}

Please remember that the above code will work if copied as it is and doesn’t conflict with any existing style.
Please note that the code provided serves only as a guide to help you get started custom coding on your own if there’s no option offered in our theme or the products we bundle.
We really do not provide support for custom codes which means we can’t fix it in case it conflicts with something on your site nor will we enhance it. Further customization should be directed to a third-party developer or you can avail of One, where we answer the questions beyond normal theme support.

Thanks

[boera]

This did the job, thank you very much!

Understood on CSS in general. Thank you.

[tristup]

Hi @boera,

Glad that we are able to help you.

Thanks