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.
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
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
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
Thanks, will try this!
Decided for a different layout, so it’s fixed!