Genesis Responsive Slider

Community Forums Forums Design Tips and Tricks Genesis Responsive Slider

This topic is: not resolved

This topic contains 11 replies, has 5 voices, and was last updated by  susanlangenes 1 year, 6 months ago.

Viewing 12 posts - 1 through 12 (of 12 total)
  • Author
    Posts
  • #18772

    rasolis
    Participant
    Post count: 15

    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

    #18809

    susanlangenes
    Participant
    Post count: 28

    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 */
    }

    #24006

    rasolis
    Participant
    Post count: 15

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

    #24545

    Marcel Bootsman
    Participant
    Post count: 10

    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.

    #24562

    rasolis
    Participant
    Post count: 15

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

    #25907

    AC
    Blocked
    Post count: 7712

    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:

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

    Change 0.95 opacity to 0.8.

    #25910

    Riavon
    Participant
    Post count: 95

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


    Twitter: @riavonentprises

    #25912

    rasolis
    Participant
    Post count: 15

    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!

    #34154

    rasolis
    Participant
    Post count: 15

    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?

    #34163

    susanlangenes
    Participant
    Post count: 28

    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!

    #34168

    rasolis
    Participant
    Post count: 15

    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.

    #34175

    susanlangenes
    Participant
    Post count: 28

    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.

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

You must be logged in to reply to this topic.