Page is https://www.staging1.hessel.org
I want to overlay an image, but not a pattern of that image.
The image in this case is the “Experience Life” png file. I want is centered over the video.
I used the “slide overlay” tab, “upload custom image”, “insert custom pattern”
How can I overlay without repeating the image?
Thanks,
Terry
Hey terrytomasini,
Try adding this css code in Quick CSS (located in Enfold > General Styling):
.home #full_slider_1 .avia-slide-wrap .av-section-color-overlay {
background-repeat: no-repeat !important;
background-position: center center !important;
}
Let us know if this helps :)
Best regards,
Nikko
Nikko,
You ROCK. That did it.
One more question, can this overlay be configured to NOT DISPLAY on the “fallback image for mobile devices”?
Terry
Hi,
To remove it only in the mobile, add this code:
@media screen and (max-width: 769px) {
.home #full_slider_1 .avia-slide-wrap .av-section-color-overlay {
display: none !important;
}
}
Best regards,
John Torvik