[Buck WParticipant]

How can I make it so the body of all of my pages are #1f1f1f. And I also can’t find where the color of the headings H1, H2, and so on are defined so I can change those. I want to make the Ethos theme dark basically. I will make a second post with my site and all of my login info.

Thank you for your help.

[Buck WParticipant]

This reply has been marked as private.

[Rue NelModerator]

Hello There,

Thanks for writing in! To change the background color, simply go to the customizer, Appearance > Customize > Layout & Design > Background Options. This would change the background color of almost all pages. If you have pages created using page template, you need to add the following code in your customizer, Appearance > Customize > Custom > CSS to make sure that the background color will not be overridden with a white color.

.page-template-template-blank-4-php .x-main, .page-template-template-blank-5-php .x-main, .page-template-template-blank-6-php .x-main, .page-template-template-blank-8-php .x-main {
    background-color: transparent;
}

To change the colors of your headings, you must enable the font color for the headings first. Please go to the customizer, Appearance > Customize > Typography > headings > Headings Font Color. You can then select the color once you see the option for the color.

Hope this helps. Please let us know how it goes.

[Buck WParticipant]

Tremendous help, thank you.

One thing, I lost the line element though as I suppose the color blends in with the background. Is there a customization to fix this?

Thanks again!

[Rue NelModerator]

Hello There,

We could not see any line element on the page. If you have installed the latest versions of X and Cornerstone (X4.3.4 and Cornerstone 1.1.3), it would be easy for you to add a color for the line element. We have added a color picker in the latest version.

Since you are using an older version, please edit your page in Cornerstone and insert the following custom css in the settings tab, Settings > Custom CSS

.site .x-hr {
    border-color: red;
}

Feel free to change the color to match with your page. Please let us know if this works out for you.

[Author]

Posts