How to change css for whole site?

hi there, i figured out with the forumtopics how to solve the whitespace above headlines. with the code beneath. I placed this in X/theme-options/CSS. BUT… this only seems to work for one page. If i want the same on the whole site, what is the solution? Or do I really have to do that for each page seperately (hope not… :slight_smile:)

here i changed it:


and also on the homepage

.entry-content h1,
.entry-content h2,
.entry-content h3,
.entry-content h4,
.entry-content h5,
.entry-content h6,
.entry-content .h1,
.entry-content .h2,
.entry-content .h3,
.entry-content .h4,
.entry-content .h5,
.entry-content .h6 {
margin-top: 0;
}

Hi @wonderacademie,

Thanks for writing to us.

Although we don’t offer any support to the issues due to the custom codes,
but I want to mention that the code you have added is found in all the pages on your website.
In some pages parent classes are overriding the attribute value you mentioned in that code.

You can add !important with your attribute value for browser to prioritize it. E.G: margin-top:0 !important;
To know more on !important please go through this article.

Hope it helps.

Thanks

1 Like

thank you, i didnt know that this went the scope of questions :). so thanks for the advice - i am going to try it out.

Hi @wonderacademie,

Please let us know how it works for you.

Thanks

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