Viewing 12 posts - 1 through 12 (of 12 total)
  • Author
    Posts
  • February 8, 2020 at 9:14 pm #1182654
    KeyshaunSmith

    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 #1183111
    Victoria

    Hey 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,
    Victoria

    February 11, 2020 at 12:21 am #1183305
    KeyshaunSmith

    Thank 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 #1184043
    Ismael

    Hi,

    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,
    Ismael

    February 14, 2020 at 10:56 pm #1184622
    mountaintopengraving

    Hello, 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 #1184623
    mountaintopengraving

    Hello, Can someone please tell me where I can ask a new question on this forum??? Please help!

    February 16, 2020 at 4:29 am #1184913
    Rikard

    Hi 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,
    Rikard

    February 19, 2020 at 7:30 pm #1186152
    mountaintopengraving

    Just 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 #1186464
    Victoria

    Hi 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:

    Home

    Best regards,
    Victoria

    March 26, 2020 at 11:26 pm #1198181
    KeyshaunSmith

    Hello! 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 #1198662
    KeyshaunSmith

    It 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 #1198746
    Mike

    Hi,
    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

  • Author
    Posts
Viewing 12 posts - 1 through 12 (of 12 total)
  • You must be logged in to reply to this topic.