Hi, I’d like to know if it’s possible to replace the icons used on the page below, below the main banner with images. My goal is to use a transparent png for each of the icons and overlay them on the background image for that color section. So my 2 questions are:
1. Is it possible to replace those specific icons with images
2. Make the color section background disappear below a certain browser size (background image is currently a background to a color section)
Thanks
Hi Guys, any ideas?
Cheers
Sorry to push but I could really do with some help on this one ;-)
Cheers
Hey!
Thank you for using Enfold.
1.) Instead of using the icon element, use the Image element.
2.) Add a custom id for the color section, use hide-background for example. Add this on Quick CSS:
@media only screen and (max-width: 767px) {
#hide-background {
background-image: none !important;
}
}
Best regards,
Ismael
Thanks for you reply but using an image element doesn’t work because I’m unable to display a caption beneath the images as shown in the example page I showed. It’s important that the text beneath the image is text and not part of the image. Do you have any other suggestions?
Cheer