-
Posts
-
I am having problems changing the the background color on the content area of interior pages……would prefer white.
staging site: http://bea.avmhost.com
Page Example: http://bea.avmhost.com/about-us/
In the back-end got to: Enfold –> Styling –> Main Content (Tab)
You will then see ‘Main Content background color’ change it to white. Also your font colour is white so you might want to make that darker.
What I am trying to achieve is a different (colored background content area) on the home page and white background color on interior pages. I guess I need to add some custom css……can you tell what to change….?
It doesn’t provide an option of changing the interior background color with out changing the home page.
Hi,
Please turn off your cache plugin while you are developing or you will never see any changes you are making until the old cache expires.
Your home page is also your Services page on the menu?
—
this css controls the background of the site. But I modified it by adding .home … When you view the source of every page of your site in a browser, you can see there is a <body> tag that has a whole bunch of class names in side like <body class=”home page page-id-10 page-template-default boxed open_sans open_sans ” . You can use those classes to create css specific to individual pages or groups of pages. so if you want to target home page you view source in chrome of firefox, look at body tag, find the class that is unique to that page, page-id-10 is another good choice, and then you replace .home with .page-id-10. Make a duplicate and replace .home with some other page on your site. And add this to Quick CSS located in Enfold > (Theme Options) > Layout Styling … text box at bottom of page or to /css/custom.css
html.html_boxed .home {
background: #333 url(https://bea.avmhost.com/wp-content/themes/enfold/images/background-images/gradient-top-dark.png) top center repeat scroll;
}
html .home {
background-color: #333;
}I would remove the background you added in the Layouts, and leave it empty if you want to have different background on each page, do it through css .
Thanks,
Nick
- The topic ‘change interior page content area color’ is closed to new replies.