Space above and below blog title

Support
#1

How do I add space above and below the blog title here:

http://entrecoach.kinsta.com/blog/

Thanks.

#2

Hi @logoglo,

There is a CSS code in the website which is causing the issue and I am not sure why it is there:

.x-main.full {
    margin-top: -80px;
}
  1. Remove custom CSS and Javascript from the options and/or Child Theme and test the case.
  2. Test for a plugin conflict. You can do this by deactivating all third-party plugins, and see if the problem remains. If it’s fixed, you’ll know a plugin caused the problem, and you can narrow down which one by reactivating them one at a time.

To override that code in the blog page only which you gave the link to, you can add the CSS code below to X > Theme Options > CSS:

body.blog .x-main.full {
    margin-top: 0;
}

Thank you.

#3

Thanks. The 1st css is to have the header underneath the fade in nav bar.

Your code to overwrite on the blog worked, any chance I can add space above the title of the blog?

Thanks.

#4

Hi There,

You can try with this CSS:

.blog .x-header-landmark {
    margin-top: 100px;
}

And the CSS for the margin of both above & below blog title should be:

.blog .x-header-landmark {
    margin-top: 100px;
    margin-bottom: 100px;
}

Hope it helps :slight_smile:

#5

Perfect, thanks.

#6

You’re most welcome!

#7

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.