13 replies to this topic

[svabodesign]

On my home page I want to have a different background color than the other pages on the website.
I added this

body.home {background:#01293D;}

But when I did the image stopped showing. Is there anyway I can still apply background color and keep the image?

Please Login or Register to see this Hidden Content

[James B]

Hi there,

Try this

Please Login or Register to see this Hidden Content

[svabodesign]

Hi,

I applied the code you gave me but the other pages got the same background color as home

[Danny]

Hi,

You need to identify all the page ID's that you wish to have different background colors on. For example:

Please Login or Register to see this Hidden Content

You can identify the page id by viewing the body class using Firefox or Google Chrome web dev tool.

[svabodesign]

ok, I tried this


.page-id-13 body, .page-id-13 body.fixed_width {
background-color: #01293D;
}
.page-id-blog body, .page-id-blog body.fixed_width {
background-color: #ffffff;
}
.page-id-shop body, .page-id-shop body.fixed_width {
background-color: #02847e;
}

But somehow it is the blogs background color on all pages

[Danny]

Can you provide a link to these pages so I can take a closer look.

[svabodesign]

yes of course

Please Login or Register to see this Hidden Content

Please Login or Register to see this Hidden Content

Please Login or Register to see this Hidden Content

[Danny]

Hi,

Add this to your custom CSS:

Please Login or Register to see this Hidden Content

However, this may over write your background image.

[svabodesign]

Yeah it did write over the background image. This was a tricky one..

[Danny]

Do you require any further assistance or can I mark this topic resolved.

[svabodesign]

My client want both background color and a background image on the site. If it's possible I would appreciate more assistance

[Danny]

Well you could use basic CSS and add the image to another element on the site, for example:

Please Login or Register to see this Hidden Content

[svabodesign]

Problem solved, thank you guys

[mackenzie]

The topic was marked as resolved.