• Resolved propel25

    (@propel25)


    A new user with little technical ability, how do i change the font colour in the slider content boxes & also the background colour of the slider content boxes?

Viewing 1 replies (of 1 total)
  • About a quarter of the way down the stylesheet (style.css) you’ll find this:

    /* slider Begin */
    #zSlider{margin-bottom:20px;}
    #zSlider .description{list-style:none;width:100%;margin:0;}
    #zSlider .description li{width:25%;float:left;margin:0;cursor:pointer;background:rgba(87,87,87,0.8);filter: progid:DXImageTransform.Microsoft.gradient(startcolorstr=#cd575757,endcolorstr=#cd575757);}
    #zSlider .description li.active{background:rgba(87,87,87,0.5);filter: progid:DXImageTransform.Microsoft.gradient(startcolorstr=#7f575757,endcolorstr=#7f575757);}
    #zSlider .description li.over{background:rgba(87,87,87,0.65);filter: progid:DXImageTransform.Microsoft.gradient(startcolorstr=#a6575757,endcolorstr=#a6575757);}
    #zSlider .description strong{display:block;margin:20px 15px 15px;color:#aeaead;font-size:20px;}
    #zSlider .description li.active strong{color:#325C74;}
    #zSlider .description li.over strong{color:#889f70;}
    #zSlider .description p{margin:10px 15px;color:#dddddd;}
    #zSlider .description li.active p{margin:10px 15px;color:#a7a7a7;}
    /* slider End */

    So you can squirrel around with the colors here, for the background color the selectors seem to be:

    #zSlider .description li
    #zSlider .description li.active
    #zSlider .description li.over
    #zSlider .description li.active strong
    #zSlider .description li.over strong

    And for the text it seems to be:
    #zSlider .description p
    #zSlider .description li.active p

    Hope this helps!

Viewing 1 replies (of 1 total)
  • The topic ‘Slider content boxes’ is closed to new replies.