Archived

This topic is now archived and is closed to further replies.

  • 0

Resolved How do I customise the features silder overlay colour and opacity?


Question

Posted · Report post

Hi there,

I have been trying to locate the CCS code that will allow me to customise the colour and opacity of the features overlay. I was going to use it to the custom CCS section. Can anyone point me in the right direction?

My site is http://droplondon.com and the main image on the front page is a feature.

Many thanks,

Edward.

Share this post


Link to post
Share on other sites

3 answers to this question

Posted · Report post

The topic was marked as resolved.

Share this post


Link to post
Share on other sites

Posted · Report post

Hi Edward

Do you mean the overlay under the text on the slider? If so you can tweak the below code to suit. The RGBA section in the background line set the color and transparency of the overlay, the colour line relates to the colour of the text. I've left the other options in there too in case you want to adjust them as well.


#feature_slider .fcontent {

    background: none repeat scroll 0 0 rgba(0, 0, 0, 0.35);

    color: #FFFFFF;

    display: inline;

    min-width: 220px;

    position: relative;

    text-shadow: 0 -1px 0 #000000;

    width: 33%;

}

Share this post


Link to post
Share on other sites

Posted · Report post

Thank you James.

Share this post


Link to post
Share on other sites