Hello. I’m not sure if I’m doing this correctly. I want a background just on this post. It shows when I am in Cornerstone but not when I look at the page outside of this. I put the background in the settings for the post.
My site: https://yardiecoffee.com/new/kids-page/
Settings:
Hello @BazaarBohemian,
Thanks for writing in! By default, when using Ethos stack, the post layout has a white background color in the content area. To override this default setting, you need to add CSS code into X > Theme Options > CSS .
You need to use the Google Chrome Developer Toolbar to check the live HTML code and find which CSS selector you need to use.
The post content area having a white background color is using this built-in CSS;
.x-container.main:not(.x-row):not(.x-grid):before {
background-color: #fff;
}
Therefore, you can modify this code and make it custom to override the background color and make it transprent. You can use this custom CSS instead:
.single-post.x-full-width-active .x-container.main:not(.x-row):not(.x-grid):before {
background-color: transparent;
}
Please note that the code provided above serves as a guide only and is to help you in getting started so implementing it and maintaining the code will be out of our support scope and for further maintenance for new possible versions of the theme that may cause the customization to break, you will need to hire a developer.
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:
This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.