Jump to content
Sign in to follow this  
helvetik_a

different content colors on different pages?

Recommended Posts

helvetik_a    0
helvetik_a

Hi. I would like to have a content color blue on the homepage and another color on another page. Where can i find the selectors CSS that i need to use? Only the content-area... Now when i call the content on a specific page, it colors also the header... thx Corina

Share this post


Link to post
Share on other sites
Rob    547
Rob
Corina, if you use #page-id-(number) where (number) is replaced by the digital id of the page like #page-id-2341 you can apply a CSS snippet to the particular page, including the background color. Just make sure you know the area you wish to recolor, first. So, something like #page-id-2341 .content-pad {background-color: #C00000;}

Former PageLines Moderator, Food Expert and Raconteur

Share this post


Link to post
Share on other sites
helvetik_a    0
helvetik_a
Hi Rangelone. Thx for your quick response! It seems to me that this is not working.... Here my Css Code: #page-id-613.content-pad { background-color:#BDCCD4; } Nothing happens...either with the !important tag ....any suggestions? Corina

Share this post


Link to post
Share on other sites
batman    389
batman
Hi @helvetika Try with [code].page-id-613 .content-pad { background-color:#BDCCD4; }[/code] It function me

Life is too short to remove USB safely ...

Share this post


Link to post
Share on other sites
Danny    1,327
Danny
Hi Corina, You code is slightly off, use my code below instead. [code].page-id-613 .content-pad { background-color: #bdccd4; }[/code]

Please search our forums, before posting!

Share this post


Link to post
Share on other sites
helvetik_a    0
helvetik_a
:( It does not working. Now the branding section and the content section are colored with same blue...

Share this post


Link to post
Share on other sites
helvetik_a    0
helvetik_a
http://wp.tanzprojekte.ch/

Share this post


Link to post
Share on other sites
Rob    547
Rob
Then your branding must be in the content area not in the header. Check your settings in Drag & Drop.

Former PageLines Moderator, Food Expert and Raconteur

Share this post


Link to post
Share on other sites
helvetik_a    0
helvetik_a
No sorry, The branding ist in the header. Look: [img]http://i.imgur.com/R7xw6.png[/img]

Share this post


Link to post
Share on other sites
Danny    1,327
Danny
Hi, I think we may be confused when you said content pad. Therefore, can you create a quick concept image, so we can see how want it to look.

Please search our forums, before posting!

Share this post


Link to post
Share on other sites
helvetik_a    0
helvetik_a
It has to be something like this. The content area is colored and on some pages there has to be a different tone. [img]http://i.imgur.com/fyT9S.png[/img]

Share this post


Link to post
Share on other sites
Danny    1,327
Danny
Hi, It's difficult to test at the moment as your site doesn't have the layout that is displayed in the concept image but can you try the code below, replacing the id to the one that matches your page please. [code].page-id-644 #page-main { background: red; }[/code]

Please search our forums, before posting!

Share this post


Link to post
Share on other sites
helvetik_a    0
helvetik_a
Hi Danny. I'm sorry the site ist changing because i am working on it... it seems to me as the header and the content are linked together... This happens with your code: [img]http://i.imgur.com/MMmr0.png[/img]

Share this post


Link to post
Share on other sites
catrina    103
catrina
The header and content share a container so that container's color is going to be the same in both parts of the site. You want to leave the header white, yes?

Please read the docs before posting. Please do not private message me unless I ask you to.

Designer | Catrina Dulay

Founder | Catrina and Mouse

Share this post


Link to post
Share on other sites
helvetik_a    0
helvetik_a
Yuppie! I figured all out. I left the color options in global settings blank. Now with only the Css code everything is working fine. I suppose that this Css selector works also with a background-image...? Thx so much.

Share this post


Link to post
Share on other sites
catrina    103
catrina
With background-image you need a different CSS attribute. This one is for background color: [code]background-color: #xxxxxx;[/code] This one, however, is for background image: [code]background-image: url('http://directimageurl');[/code]

Please read the docs before posting. Please do not private message me unless I ask you to.

Designer | Catrina Dulay

Founder | Catrina and Mouse

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now

Sign in to follow this  

×