Jump to content


Photo
- - - - -

Customize Individual Pages (Color, Text)

css

  • Please log in to reply
3 replies to this topic

#1 jjherman

jjherman

    Advanced Member

  • Members
  • 30 posts
  • Country: Country Flag

Posted 09 July 2013 - 06:35 PM

I was wondering how to customized things like footer color, text color, ect on individual pages. As it is now, you can only change these feature universally. This makes it difficult to test thing or make a page completely unique. 

 

Help is appreciated. Thanks.



#2 batman

batman

    Bat Learning

  • Members

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

Posted 09 July 2013 - 07:38 PM

Hi jjherman

 

You can use something like

 .page-id-2341 #footer {

    clear: both;

    text-align: right;

    color: red;

    background-color: blue;}

 

My exemplary code is not necessarily applicable as written, to your site, so please adjust accordingly.

 

If you also wish to know how I find the page ID, all you need to do is load up FireBug or Google Chromes web dev tool and inspect your page html, at the top you should see body which has a number of classes assigned to it, one of these is page-id-XX (replace XX with your pages id value. I have added a danny┬┤s screenshot to assist you.

 

Please Login or Register to see this Hidden Content



#3 jjherman

jjherman

    Advanced Member

  • Members
  • 30 posts
  • Country: Country Flag

Posted 09 July 2013 - 09:49 PM

Thank you! I will check tonight and report back on my efforts tonight/tomorrow. 



#4 greenfly

greenfly

    Advocate

  • Members

  • 3268 posts
  • LocationManchester, England
  • Framework Version:latest
  • Country: Country Flag

Posted 10 July 2013 - 01:58 PM

Please let us know if Batman's suggestion worked for you. 







Also tagged with one or more of these keywords: css