-
AuthorPosts
-
February 8, 2020 at 9:14 pm #1182654
Hello!
I would like to alternate the overlay color of my product images.Take a link at my homepage and you can see what I created underneath the Layer Slider I simply did that with images and links to pages. However, I would like this to happen automatically for my product pages.
February 10, 2020 at 4:03 pm #1183111Hey KeyshaunSmith,
Here is the code you can put in Enfold > General Styling > Quick Css, if it does not work, put into themes/enfold/css/custom.css
#top #wrap_all .product .av-product-class-minimal-overlay.inner_product .inner_product_header { background: rgba(119, 17, 143, 0.6)!important; } #top #wrap_all .product:nth-child(2n) .av-product-class-minimal-overlay.inner_product .inner_product_header { background: rgba(143, 17, 17, 0.6)!important; }
If you need further assistance please let us know.
Best regards,
VictoriaFebruary 11, 2020 at 12:21 am #1183305Thank you – I made a few color modifications but that worked perfectly!
Now, question on the homepage underneath the layerslider is it possible to have the text overlay on the images disappear when hovered. When the image is hovered over I simply want to see just the image and not the text caption.
Thanks!
February 13, 2020 at 4:42 am #1184043Hi,
Thank you for the update.
You can use this css code to hide the title or text caption on image hover.
.avia-image-container:hover .av-image-caption-overlay-center { opacity: 0; }
Best regards,
IsmaelFebruary 14, 2020 at 10:56 pm #1184622Hello, Can someone please tell me where I can ask a new question on this forum??? I want to remove the overlay color on the images but there is no way to do it and I cannot find a place on here to ask a question. Please help!
February 14, 2020 at 10:57 pm #1184623Hello, Can someone please tell me where I can ask a new question on this forum??? Please help!
February 16, 2020 at 4:29 am #1184913Hi mountaintopengraving,
Your can click this massive blue button: https://imgur.com/a/AnoSPNb, or you can use this link to open a new thread.
Best regards,
RikardFebruary 19, 2020 at 7:30 pm #1186152Just want to say I’m sorry to be rude there. I had a TON of technical issues the day I bought Enfold, your site seemed to be down or something I got server errors for a long time, it was so slow and loading, etc I thought I’d lose my mind, and and it literally took me four hours before I could get the help. But it wasn’t your fault so, I’m sorry.
Wanted to say I’ve used this theme a few times, but it’s been awhile and learning curves are always frustrating at first but when I’m in the theme I am always happy with it. You will unfortunately be hearing from me with more questions as I build a new website here. : ) But it’s great, so thanks!
February 20, 2020 at 6:46 pm #1186464Hi mountaintopengraving,
No worries :) We are here to help, just please refrain from replying to your own thread because it gets pushed back to the end of the queue and moderators won’t be able to provide a response immediately. Please be patient while we go through the rest of the queue. Thank you for your understanding.
Here are the docs for you:
Best regards,
VictoriaMarch 26, 2020 at 11:26 pm #1198181Hello! So it functions… Kinda… The text disappears before I actually hover over the image. As long as my mouse is next to the image the text disappears. So I mean it works, it’s just not the cleanest thing in the books.
March 28, 2020 at 7:22 pm #1198662It also looks like this functionality was added to all images across my site. I really only want it on the images on the homepage.
March 29, 2020 at 1:35 am #1198746Hi,
To hide the text of the three images on the homepage on hover, Please try this code in the General Styling > Quick CSS field or in the WordPress > Customize > Additional CSS field:#top.home .avia-image-container:hover .av-image-caption-overlay { opacity: 0 !important; }
Best regards,
Mike -
AuthorPosts
- You must be logged in to reply to this topic.