Jump to content


Photo
- - - - -

different content colors on different pages?


  • Please log in to reply
15 replies to this topic

#1 helvetik_a

helvetik_a

    Advanced Member

  • Members
  • 99 posts
  • Locationrome - italy
  • Framework Version:2.3.5
  • Country: Country Flag

Posted 17 July 2012 - 06:07 PM

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

#2 Rob

Rob

    One Smart Egg

  • Members
  • 13575 posts
  • LocationEast Coast, USA
  • Framework Version:The Latest, of course
  • Country: Country Flag

Posted 17 July 2012 - 08:04 PM

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;}

#3 helvetik_a

helvetik_a

    Advanced Member

  • Members
  • 99 posts
  • Locationrome - italy
  • Framework Version:2.3.5
  • Country: Country Flag

Posted 18 July 2012 - 07:38 AM

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

#4 batman

batman

    Bat Learning

  • Members

  • 1992 posts
  • LocationBuenos Aires, Argentina
  • Framework Version:DMS
  • Country: Country Flag

Posted 18 July 2012 - 10:02 AM

Hi @helvetika
Try with

Please Login or Register to see this Hidden Content

It function me

#5 Danny

Danny

    Is Awesome!

  • Moderators
  • 15047 posts
  • LocationManchester, UK
  • Country: Country Flag

Posted 18 July 2012 - 10:05 AM

Hi Corina,

You code is slightly off, use my code below instead.

Please Login or Register to see this Hidden Content



#6 helvetik_a

helvetik_a

    Advanced Member

  • Members
  • 99 posts
  • Locationrome - italy
  • Framework Version:2.3.5
  • Country: Country Flag

Posted 18 July 2012 - 01:50 PM

:( It does not working. Now the branding section and the content section are colored with same blue...

#7 helvetik_a

helvetik_a

    Advanced Member

  • Members
  • 99 posts
  • Locationrome - italy
  • Framework Version:2.3.5
  • Country: Country Flag

Posted 18 July 2012 - 01:52 PM

Please Login or Register to see this Hidden Content



#8 Rob

Rob

    One Smart Egg

  • Members
  • 13575 posts
  • LocationEast Coast, USA
  • Framework Version:The Latest, of course
  • Country: Country Flag

Posted 18 July 2012 - 06:01 PM

Then your branding must be in the content area not in the header. Check your settings in Drag & Drop.

#9 helvetik_a

helvetik_a

    Advanced Member

  • Members
  • 99 posts
  • Locationrome - italy
  • Framework Version:2.3.5
  • Country: Country Flag

Posted 19 July 2012 - 08:22 AM

No sorry, The branding ist in the header. Look:

Posted Image

#10 Danny

Danny

    Is Awesome!

  • Moderators
  • 15047 posts
  • LocationManchester, UK
  • Country: Country Flag

Posted 19 July 2012 - 08:32 AM

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.

#11 helvetik_a

helvetik_a

    Advanced Member

  • Members
  • 99 posts
  • Locationrome - italy
  • Framework Version:2.3.5
  • Country: Country Flag

Posted 19 July 2012 - 12:33 PM

It has to be something like this. The content area is colored and on some pages there has to be a different tone.
Posted Image

#12 Danny

Danny

    Is Awesome!

  • Moderators
  • 15047 posts
  • LocationManchester, UK
  • Country: Country Flag

Posted 19 July 2012 - 12:55 PM

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.

Please Login or Register to see this Hidden Content



#13 helvetik_a

helvetik_a

    Advanced Member

  • Members
  • 99 posts
  • Locationrome - italy
  • Framework Version:2.3.5
  • Country: Country Flag

Posted 19 July 2012 - 01:25 PM

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:
Posted Image

#14 catrina

catrina

    Advocate

  • Members
  • 12345 posts
  • LocationCalifornia
  • Country: Country Flag

Posted 19 July 2012 - 01:31 PM

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?

#15 helvetik_a

helvetik_a

    Advanced Member

  • Members
  • 99 posts
  • Locationrome - italy
  • Framework Version:2.3.5
  • Country: Country Flag

Posted 19 July 2012 - 01:34 PM

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.

#16 catrina

catrina

    Advocate

  • Members
  • 12345 posts
  • LocationCalifornia
  • Country: Country Flag

Posted 19 July 2012 - 01:47 PM

With background-image you need a different CSS attribute. This one is for background color:

Please Login or Register to see this Hidden Content


This one, however, is for background image:

Please Login or Register to see this Hidden Content