NO-SCROLLING COLOR OVERLAY ON SINGLE PAGE

  • Posted in : Empathy
  • fudongshi
    Participant

    Hey Guys,

    I have added a color overlay to my pages using the Custom CSS:

    .has-bg-img:before { background: rgb(14, 31, 50); opacity: 0.6; filter:Alpha(Opacity=50); }

    Everything works until the text is longer than the window.
    Then I have a box (behind the scrolling bar is no overlay) and when I scroll down the overlay “box” scrolls up with the text. I’d like to have that fixed. (Which works – even when scrolling – when the text doesn’t extend beyond the window.

    Any ideas?

    fudongshi
    Participant
    serkan
    Moderator

    Hi fudongshi,
    Could you let me know when is your website online then i can check your website source codes.
    Thanks

    fudongshi
    Participant

    Hey serkan! Can i make you a account? Since I want to fix this before it goes online.

    serkan
    Moderator

    Hi fudongshi,
    Create an account for me and give me the access your panel. You can send username and password via our contact form. Please add this topic url with your e-mail.
    Thanks

    fudongshi
    Participant

    Anything? Did you guys get the E-Mail?

    serkan
    Moderator

    Hi, i have forwarded this topic to the developer, he will get back to you soon. Thanks for the patience.

    ahmetsali
    Keymaster

    Hi, I see the issue, we will fix this with the next update, thanks for the feedback. If you don’t want to wait for the update you can use this custom css code till then;

    .has-bg-img:before { display: none; }
    .has-bg-img .content:before {
        content: "";
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        background: rgba(73, 92, 95, 0.75);
    }
    
Viewing 8 posts - 1 through 8 (of 8 total)

You must be logged in and have valid license to reply to this topic.

License required for the following item
Login and Registration Log in · Register