How can I change the background color of the content area

Posted in: Newsmag
Post count: 8

Hy,
How can I change the background color of the content area properly,
I can achieve this with custom css with something like:

.td-pb-row, .td-pb-border-top, .page-template-page-title-sidebar-php .td-page-content>.wpb_row:first-child, .td-post-sharing, .td-post-content, .td-post-next-prev, .author-box-wrap, .td-comments-title-wrap, .comment-list, .comment-respond, .td-post-template-5 header, .td-container, .wpb_content_element, .wpb_column, .wpb_row, .white-menu .td-header-container .td-header-main-menu, .td-post-template-1 .td-post-content, .td-post-template-4 .td-post-sharing-top, .td-header-style-6 .td-header-header .td-make-full, #disqus_thread, .page-template-page-pagebuilder-title-php .td-page-content>.wpb_row:first-child, .td-footer-container::before
{
border-color: #d1e1f5!important;
background-color: #d1e1f5!important;
}

But how do I configure this properly via the Settings of Newsmag-Theme. I could not figure this out with the help of your documentation.
Thank you for your work and help!

Post count: 35449

Hi rogerdirp, depends on the demo that you are using, if there is no extra css class on body -> https://i.imgur.com/WewImyg.png if there is no class then you can use the options from theme panel -> https://i.imgur.com/fRM6KB8.png If there is set a class, then in most cases you need to use a css to overwrite the set code with that class. The css need to be place here -> https://i.imgur.com/mOZos7u.png
If you still some problems, please provide a link to your website to can inspect the code that you made.
Thank you!

Post count: 8

Hello,
Yes I have tried to set the backround in the theme-Options as you have shown it in https://i.imgur.com/fRM6KB8.png
But this only changes the background outside the boxed content. The url to the website is: https://wienersport.at/ I’ve marked the background-area I want to change in the following screenshot. https://imgur.com/a/xpof91P
I hoped there might be an option to do this within the theme-settings without messing aroun with css.
thank you for your work!

Post count: 35449

Hi,
Unfortunately that can be done only with custom css.
For that you can try this code
body, body .td-container {
background: #6093cf;
}

Just replace your code with this one and it should work.
Thank you for your understanding!

Post count: 8

Thank you for your help! Your css-code is much simpler and cleaner.
Best regards

Post count: 8

Sry to bother you again. I copied your code with the right color:
body, body .td-container {
background: #d1e1f5;
}
But this css-code changes again only the background-color outside the boxed content. Please see the following screenshot. I want to change the background-color where the red arrow points to. Thank you for your help.
https://imgur.com/a/uT4Dzkp

Post count: 35449

Hi,
Normal to apply the code for inside the box, you need to remove this background color https://i.imgur.com/fWroOy8.png
If is still not working, the try the css for all elements:
body, .td-pb-row, .td-pb-border-top, .page-template-page-title-sidebar-php .td-page-content > .wpb_row:first-child, .td-post-sharing, .td-post-content, .td-post-next-prev, .author-box-wrap, .td-comments-title-wrap, .comment-list, .comment-respond, .td-post-template-5 header, .td-container, .wpb_content_element, .wpb_column, .wpb_row, .white-menu .td-header-container .td-header-main-menu, .td-post-template-1 .td-post-content, .td-post-template-4 .td-post-sharing-top, .td-header-style-6 .td-header-header .td-make-full, #disqus_thread, .page-template-page-pagebuilder-title-php .td-page-content > .wpb_row:first-child, .td-footer-container::before {
background-color: #d1e1f5!important;
}

Thank you!

Post count: 8

thank you! I will try that.

Viewing 8 posts - 1 through 8 (of 8 total)
The forum ‘Newsmag’ is closed to new topics and replies.