Genesis Responsive Slider

[rasolis]

Back in the older Genesis slider, the excerpt that appeared in the slider, was opaque.  How do I make the excerpt content area in the slider opaque?

Thanks,

Anthony

[susanlangenes]

Add the following to the very end of your child theme's stylesheet:

.slide-excerpt {
opacity: 1;
filter:alpha(opacity=100); /* For IE8 and earlier */
}

[rasolis]

Yeah, it didn't work, see http://www.bodyevolution.org.

[Marcel Bootsman]

This code:


.slide-excerpt {
opacity: 1;
filter:alpha(opacity=100); /* For IE8 and earlier */
}


Makes the silde-excerpt non-transparent. Change the values to ie. 0.5 and 50, then it should work.

Also remove the !important bit that is in your CSS code now.

[rasolis]

Didn't work - I've cleared cache, CloudFlare and put !important (per Nick's recommendation).  Still doesn't work.

[AnitaC]

I've had this issue before trying to copy a new slider CSS code into my style.css. The only way I've been able to edit the slider is within the slider itself and I have to remember that if I update the plugin - I have to add my code back. The code in your slider reads this:

#genesis-responsive-slider .slide-excerpt {
    margin: 0;
    opacity: 0.95;
    padding: 30px 30px 20px;
}

Change 0.95 opacity to 0.8.

---

Need help with customization or troubleshooting? Reach out to me.

[Riavon]

nevermind ... it looks like I was beat to the punch yet again.

---

Twitter: @riavonentprises

[rasolis]

Yeah I tried using a range of numbers in the Opacity section. It didn't do anything.  I'll try Anitac's suggestion.  Thanks all!

[rasolis]

Still not getting the General excerpt clearer (opacity) - I have tried everyone's suggestion on this thread.  Any more ideas?  Maybe a link to where it worked for you?

[susanlangenes]

Here's a site where I have that slider: http://music.collagecreative.net/

I made it opaque for you.

I see that you have put opacity: 0.95!important somewhere.  Where is that?  If you want it opaque, it should work to change that to opacity: 1!important

I'm admittedly a little confused by the initial question as well as the responses in this thread.  Opaque means non-transparent.  As in, solid white.  I'm assuming that's what you're after based on the initial question, but I wonder if what you really mean is that you want the background on that div to NOT be opaque.

If that's indeed the case (you want it to be semi-transparent), then you need to address the opacity of the background itself, and not the entire div, because if you make the entire div semi-transparent then the text is also affected.

You might try this:

background: rgba(255, 255, 255, 0.3);

Which will give a background color of white with 30% opacity.

Please advise!

[rasolis]

LOL - sorry I meant to say less opaque.  I need the general excerpt to be more transparent, they way it was in the original Genesis slider (before responsive).

If it affects the text too then that won't work either.  If you are familiar with the older Genesis slider, it was a little more transparent than today's responsive version.

Appreciate the help and sorry for the confusion on my part.

[susanlangenes]

Right on, glad we got that cleared up.

So I'd suggest this:

background: rgba(255, 255, 255, 0.3);

(and of course that last number can be whatever you want).  I just implemented that here: http://music.collagecreative.net/ and made the opacity 0.75.

[Author]

Posts