Tagged: 

Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • #689922

    Can someone direct me where I can reverse the default hover stage over images?
    example: the clickable image appears foggy then when the user hovers it clears up
    I would like the image default to be the original, clear image, but I don’t want to lose the overlay with the caption.

    #690473

    Hey KK,

    Please try the following in Quick CSS under Enfold–>General Styling:

    .image-overlay {
     visibility: hidden;
     }

    Thanks,
    Rikard

    #691278

    That didn’t work but it may be my fault of having conflicting CSS somewhere.
    Ideally, I would like a pristine image with name and price under image, then some descriptions when you hover over product images.
    or
    title of product, description and price on rollover.

    #691387

    Hi,

    You are using WP Smush plugin hence the images appear to be blur. Please deactivate smush it plugin and re-generate the thumbnails using this plugin https://wordpress.org/plugins/regenerate-thumbnails/ Then all your images will appear sharp as long as the source image that you upload is of high quality.

    Best regards,
    Vinay

    #692030

    I think I used the wrong terminology. I meant to say the image has a slight white transparency on the products.

    I was hoping I could control the text when I set the products in shop options overlay with centered text. I have non-contrasting colors which makes it hard to read.

    • This reply was modified 7 years, 6 months ago by kbarranco.
    #692495

    Hi,

    As i understand you like the image to look normal when user hover over the gallery thumbnails correct?

    I have added the link in private where I noticed images similar to your description.

    #top .avia-gallery .avia-gallery-thumb a:hover {
        opacity: 1!important;
    }
    

    If you still have any issue please share a precise link to your site, showing the elements in question? We need to be able to inspect them in order to help :)

    Best regards,
    Vinay

    #693422

    thanks!
    my question has evolved: The most important issue I have is on the MENU page

    If I choose MINIMAL OVERLAY WITH CENTERED TEXT for the PRODUCT LAYOUT OVERVIEW setting—-
    A user sees this:
    http://www.tiikoni.com/tis/view/?id=ee11766 (overlay as the default).

    I would like to just have the products (and perhaps the name under it) look intact when a user visits the page.
    http://www.tiikoni.com/tis/view/?id=181fa50

    THEN when they hover, they see the description.
    http://www.tiikoni.com/tis/view/?id=ee11766

    BUT I desperately want to adjust the 1) colors of hover overlay and 2) text and price for products.

    I really hope this makes sense now!!

    #694792

    Hi,

    Unfortunately it would require quite some time and customization of the theme to achieve this, so I am sorry to tell you that this is not covered by our support. However if you like to get started and try your hands on please use the below code as a starting point and add the hover state to style as per your requirement.

    #top .av-product-class-minimal-overlay .inner_product_header_cell {
        vertical-align: top;
        display: table-cell;
        transform: translateY(110%);
    }
    
    .inner_product_header_cell div p {
    	display: none !important;
    }
    .entry-content-wrapper ul.products li{
    	margin-bottom:80px;
    }

    If you need any help in the process please feel free to let us know.

    Best regards,
    Vinay

    #695252

    thanks-
    I thought that my request was the default but I know my CSS is messy. I need to learn CSS ediquette.
    Thanks for your efforts!! I would be lost without you.

    #695353

    Hi,

    Glad we could help :-)

    Please let us know if you should need any further help on the topic.

    Best regards,
    Rikard

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