Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • #739602

    How do I create a overlay on a title on a Homepage slider? As the title isn’t very easy to read due to the picture I have chosen as a background.

    #741035

    Hey IrisDepasse,

    Sorry for the late reply. I think the white colour work pretty good with the background image, did you change the image or is this something you still want to change?

    Best regards,
    Rikard

    #741122

    Hi Rikard,
    In the beginning it was like this: http://website.irisdepasse.nl/wp-content/uploads/2017/02/IMG_6827.jpg

    Don’t know how I did it. Think I just took the layout from one of the sliders of the demo that I installed.

    I think the text is better to read this way… So I would be happy to reconstruct it like this. It was a dark but transparant layer…

    Do you know how I could make it like this? Thanks!

    Iris

    #742737

    Hi,

    Try adding this css code in Quick CSS (located in Enfold > General Styling):

    #top.home #wrap_all #av_section_1 .av-special-heading {
        max-width: 800px;
        margin: 0 auto;
    }
    
    #top.home #wrap_all #av_section_1 .av-special-heading-tag, #top.home #wrap_all #av_section_1 .av-subheading {
        display: inline-block;
        padding: 8px 16px;
        background: rgba(0,0,0,0.5);
    }

    Let us know if this helps. :)

    Best regards,
    Nikko

    #743746

    Thanks, will try this!

    #744175

    Hi,

    Great, let us know how you get on with it.

    Best regards,
    Rikard

    #744279

    Decided for a different layout, so it’s fixed!

    #744609

    Hi,

    Great, thanks for letting us know :-)

    Please open a new thread if you should have any further questions or problems.

    Best regards,
    Rikard

Viewing 8 posts - 1 through 8 (of 8 total)
  • The topic ‘Background overlay on title on Homepage slider’ is closed to new replies.