Hello and welcome to our community! Is this your first visit?
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 2 of 2
  1. #1
    New Coder
    Join Date
    Nov 2009
    Thanked 0 Times in 0 Posts

    CSS Template modification

    Hi All

    I try to modify a Free CSS Templatehttp://www.templatemo.com/preview/te..._single_slider I want different color for each page in place of gray. Two images are used for this purpose slider_bg.png (Light Gray color) and slider_bg_hover.png (Dark Gray color). I want like this
    Page slider_bg.png slider_bg_hover.png
    Home Dark Pink Light Pink
    Social Dark Green Light Green
    Portfolio Dark Blue Light Blue
    Contact Dark Yellow Light Yellow
    How can do it please guide me.

    Regards to all...

  • #2
    New to the CF scene
    Join Date
    Jul 2012
    Thanked 0 Times in 0 Posts
    I'm not sure which CMS you're using. But you can do specifically using the page id for each page and then specify the div for that page.

    Use CSS background image for each pages and use !important.

    E.g. if your page id is 101 then, div is #main, and want to set pink.gif -- then

    #page-id-101 #main {

    background-image:url('pink.gif') !important;


    This should work. You can write inline CSS on each page as well.
    Last edited by WA; 07-25-2012 at 10:30 PM.


    Posting Permissions

    • You may not post new threads
    • You may not post replies
    • You may not post attachments
    • You may not edit your posts