Navigation
This is archived content. Visit our new forum.

Tagged: 

  • Author
    Posts
  • #1113987
    TechCoachLisaB
    Participant

    Help! This is a Rev Slider question. I’m hoping you can help me with it still, because I’m completely stumped!

    To create the effect of an overlay, I create a Shape Layer and had it “cover” the entire screen by using Cover Mode (under Slider Style). It looks great in the editor, but when the slider is viewed on the actual page, that layer is not displayed.

    I used Developer Tools to discover the size of that layer is <0,0>. You can see this in non-action here: https://www.likeandtweet.com/home.

    If I use other modes (e.g. Stretch, Custom), the Shape is successfully displayed. But activating Cover Mode always causes it to disappear. I’m not sure why this layer has no size.

    Any guidance would be super appreciated. I’m wondering if this is a) because the slider is an above-the-masthead slider (e.g. I use the class .masthead in the Slider Settings) or if it’s because b) I deleted the global CSS classes when trouble-shooting something else and didn’t save them. (Whoops!) I can’t locate the default that’s usually in there to revert and see if that’s the problem.

    #1114049
    Rahul
    Moderator

    Hey There,

    Would you mind providing us with login credentials so we can take a closer look? To do this, you can make a post with the following info:

    – Link to your site
    – WordPress Admin username / password

    Don’t forget to select Set as private reply. This ensures your information is only visible to our staff.

    Thanks.

    #1121582
    TechCoachLisaB
    Participant
    This reply has been marked as private.
    #1121646
    Paul R
    Moderator

    Hi,

    Thank you for providing your url.

    Upon checking, it looks like a bug with revslider.

    I tried it on my test site and it is not showing as well.

    I will forward this to our web development team as review.

    For the meant time you can try adding this in Custom > Edit Global CSS

    
    .page-id-256 .x-slider-container.above:after {
        content: "";
        position: absolute;
        background: #920d1c;
        width: 100%;
        RIGHT: 0;
        LEFT: 0;
        bottom: 0;
        top: 0;
        z-index: 999;
        opacity: 0.8;
    }
    

    Hope that helps

    #1121655
    TechCoachLisaB
    Participant

    Thanks for looking into it, Paul! Honestly, I’m glad I’m not completely crazy on this one. For some reason I always have a hard time with Rev Slider. 🙂

    #1121656
    Rue Nel
    Moderator

    You’re welcome! We’re happy to help you out.
    If you need anything else we can help you with, don’t hesitate to open another thread.

  • <script> jQuery(function($){ $("#no-reply-1113987 .bbp-template-notice, .bbp-no-topic .bbp-template-notice").removeClass('bbp-template-notice'); }); </script>