Important notice: we will respond to all open ticket requests up until November the 1st. After this date, we will be unable to process the ticket requests here on Ticksy.

Okay
  Public Ticket #2029655
Title Image
Closed

Comments

  •  2
    evertypedesign started the conversation
    May 29, 2019 at 10:53pm

    How can I give the page title a color overlay effect (ie: Fade the image opacity into a specified background color) so I can make the title/subtitle more readable?

  •  1,845
    Elated replied
    May 31, 2019 at 10:08am

    Hello there,

     You could add this CSS code into Appearance -> Customize -> Additional CSS:

    .eltdf-title-holder::after {
        content: '';
        position: absolute;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        z-index: -1;
        background-color: black;
        opacity: 0.5;
    }

    Of course, you could edit background-color and opacity according to your needs.

    If there's anything else, don't hesitate to write in!

    Best regards!

    Joey

    The Elated Support Center has been moved to our centralized support platform. 

    Please note that any existing tickets prior to this change will be answered right here on Ticksy, and in due time. 

    If you wish to submit a new support request, for all new inquiries please head on to our Help Center.

    Elated Themes is part of Qode Interactive – the home of 300+ premium WordPress themes.

    Don’t forget to sign up for our newsletter and be the first to find out all the latest news.

  •  2
    evertypedesign replied
    May 31, 2019 at 8:53pm

    Thanks - that worked! But it doesn't seem to work on mobile.

  •  1,845
    Elated replied
    June 3, 2019 at 4:43pm

    Hello there,

    In order to fix this you can add the following code along with the one provided before:

    @media only screen and (max-width: 1024px) {
    .eltdf-title-holder::after {
        z-index: 0 !important;
    }
    
    .eltdf-title-holder.eltdf-has-bg-image .eltdf-title-wrapper {
        z-index: 1 !important;
    }
}

    Hope this helps and if there is anything else that we can assist you with please don't hesitate to ask.

    Kind regards,

    Sean

    The Elated Support Center has been moved to our centralized support platform. 

    Please note that any existing tickets prior to this change will be answered right here on Ticksy, and in due time. 

    If you wish to submit a new support request, for all new inquiries please head on to our Help Center.

    Elated Themes is part of Qode Interactive – the home of 300+ premium WordPress themes.

    Don’t forget to sign up for our newsletter and be the first to find out all the latest news.