How to adjust Slider overlay transparency?

Viewing 10 posts - 1 through 10 (of 10 total)

July 30, 2013 at 1:27 pm July 30, 2013 #15927

terryogara
Participant

Is it possible to adjust the overlay or panel grade in the slider in order to make it less transparent and darker against the white text? I don’t want to eliminate the transparency altogether, simply make my copy more legible against the slider image (http://adrianaperry.com/).

Thank you.

July 30, 2013 at 2:23 pm July 30, 2013 #15929

supergarEo
Participant

hi terryogara, how do you get Specialized Business Consulting for Businesses and Individuals box to appear on page under your slider?

thanks

Gary

July 30, 2013 at 2:30 pm July 30, 2013 #15930

supergarEo
Participant

sorted it.

July 31, 2013 at 1:14 pm July 31, 2013 #15955

Daniel Tara
Keymaster

If you look in style.css at the selector #slider .entry-title a you’ll see it has a property that looks like this: background: rgba(0, 0, 0, .15);. The last number in that property, namely .15, represents the alpha channel or opacity. If you increase that number it will increase the opacity.

July 31, 2013 at 1:32 pm July 31, 2013 #15964

terryogara
Participant

Thank you, Daniel.

August 8, 2013 at 11:28 am August 8, 2013 #16038

ShannonElizabeth
Participant

Forgive me, but I am trying to do the same thing. Where do I find “style.css” ??

August 8, 2013 at 12:22 pm August 8, 2013 #16040

supergarEo
Participant

Hi ShannonElizabeth the style.css is under appearance>editor

But if you go to appearance>theme options and the layout option you can enter the above css in there without having to input it directly into the styles.css code.

i have used the following settings

#slider .entry-title {
top: 65%;
background:rgba(0, 0, 0, .30);
color:#FFF ;
}

the top: 65%; also lowers where the text appears in the slider

thanks

supergarEo

August 8, 2013 at 10:11 pm August 8, 2013 #16044

ShannonElizabeth
Participant

Hi supergarEO,

Thank you! That worked!

Is there any way to change the size of the text? I would like to make it smaller.

Best Regards,
Shannon

August 9, 2013 at 7:25 am August 9, 2013 #16045

supergarEo
Participant

hi shannonElizabeth

before the closing } just put in

font-size:28px;

or change the amount before px to whatever size is best for you.

thanks

supergarEo

August 9, 2013 at 2:31 pm August 9, 2013 #16047

ShannonElizabeth
Participant

Worked like a charm! Thanks so much for your help!!
~Shannon