Chane page color

[faiekg]

Also how does one change the background color of your pages ? (magazine pro theme) I want a more gray that the white but not the complete page , I want just the content area to be grey and the background remain white (much like how this forum page is displayed actually)

Many Thanks

[emasai]

You need to edit the css and and html tag that you want to change. If you want a different color for different pages then you need to target the page id too.

---

Need Website Customization or a Responsive CSS fix? Contact Me
Lynne emasai.com

[faiekg]

Okay so what do I look for ? I want all the pages content block one color so there would be no need for individual page id's. I cant though find the css for the page content color ?

[faiekg]

Okay I found the css ! added the background line.

.content {
float: right;
width: 750px;
background-color:#999

[faiekg]

Now I need to figure out how to make the background color slightly bigger than the content area ? About 5-10px bigger just to make it look a little neater as currently it looks a little akward. I think its a matter a adding some padding , just need to figure out where.

[Tom]

How do you make a color bigger? Please provide a link to your site so we can see what you see.

---

Choose your next site design from over 350 Genesis themes.
[ Follow me: Twitter ] [ Follow Themes: Twitter ] [ My Favourite Webhost ]

[faiekg]

I want to make the content background area in grey slightly bigger. Much like this post and forums background.

http://faga.co.za/about-us/background/

[faiekg]

Sorry the site is not live yet and you will need to log in , I created a temp username for this purpose , please log in with the below

username - genesis
password - genesis

Thanks

[Tom]

This CSS will do what I think you are asking for.

.content{
	padding: 20px;
}

You might want to reconsider using the Background Manager plugin as it is deprecated - no longer supported and potentially vulnerable to developing security issues for your client. This may (or may not) be what is leaving odd PHP statements in your HTML output, like this:
<!--?php if (!is_home() ) { ?-->. This might also be remaindered from some code changes you have made.

---

Choose your next site design from over 350 Genesis themes.
[ Follow me: Twitter ] [ Follow Themes: Twitter ] [ My Favourite Webhost ]

[faiekg]

Thanks , I toyed around with the background manager plugin a bit but I uninstalled it , the code might have been left behind though. The code did not work sadly though , or I am putting in in the wrong place ?

[Tom]

You have mis-typed the code as follows - a colon is required after "padding":

.content {
	padding 20px;
	float: right;
        width: 750px;
	background-color:#f4f4ec;
                
}

Background manager is clearly still installed on your site. It loads 3 scripts and 1 stylesheet.

---

Choose your next site design from over 350 Genesis themes.
[ Follow me: Twitter ] [ Follow Themes: Twitter ] [ My Favourite Webhost ]

[faiekg]

Thanks , you were right , I uninstalled the background manager. However the code is still not working for some reason ? Im a little stuck on this , what am I missing ?

/* Content */

.content {
padding 20px;
float: right;
width: 750px;
background-color:#f4f4ec;

}

[Tom]

You had mistyped padding 20px;

It must be as shown: padding: 20px;

---

Choose your next site design from over 350 Genesis themes.
[ Follow me: Twitter ] [ Follow Themes: Twitter ] [ My Favourite Webhost ]

[faiekg]

THANKS !!!! THAT WORKED !!!! So happy now , only issue is that it does not show yet on chrome but I am not too stressed about it , checked other browsers and it works , think I need to remove cached version on chrome or something like that.

[Author]

Posts