Blog page(s) top margin

[JarkkoH]

Hi!

I’m trying to figure out how to get rid of the white margin on top of the main Blog-page + also on the actual blog posts. I have hidden page tittles but I’d like to get rid of (or control) that overly big white space between header and the content.

I was able to control the width of the blog posts nicely with this:

.blog .main,
.single-post .main,
.single-post .x-main.full {
margin: 10% auto;
width: 60%;
}

But, I’d like to have the same design on the main Blog-page. Is it possible?

With best regards,
Japileinchen

[tristup]

Hi Japileinchen,

Thanks for reaching out.
It seems that adding important to the width:60% will implement the same width to the Blog page.

.blog .main, .single-post .main, .single-post .x-main.full 
{
    margin: 10% auto;
    width: 60% !important;
}

Hope it helps.
Thanks

[JarkkoH]

Thanks a lot! That helped to get the design matched on the posts very nicely!

But, is there a way to get rid of that white margin on the top of the blog/posts (the white space between header and blog content - supposedly the space where the title would be)?

Best,
Japileinchen

[ruenel]

Hello Japileinchen,

The big gap at the top is the result of the 10% top margin. Please update the code and set the top margin to 0.

.blog .main, .single-post .main, .single-post .x-main.full 
{
    margin: 0 auto 10%;
    width: 60% !important;
}

Feel free to make adjustment as you need. Here are some related links for further reading, this could help you in finding and implementing some CSS fixes:

Intro to CSS - https://goo.gl/mFuWQT
How to get CSS selectors - https://goo.gl/BmoH39
Get Started With Viewing And Changing CSS - https://goo.gl/7xFhDa
CSS Media Queries - https://goo.gl/L3ZHNg

Please note that custom coding is outside the scope of our support. Issues that might arise from the use of custom code and further enhancements should be directed to a third party developer.

Best Regards.

[JarkkoH]

Thanks! That did the trick and I can take it from here.

Superb service, again!

J

[ruenel]

You are most welcome.