Tagged: 

Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • September 21, 2016 at 4:47 pm #689922
    kbarranco

    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.

    September 23, 2016 at 5:38 am #690473
    Rikard

    Hey KK,

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

    .image-overlay {
 visibility: hidden;
 }

    Thanks,
    Rikard

    September 25, 2016 at 1:07 am #691278
    kbarranco

    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.

    September 25, 2016 at 10:13 pm #691387
    Vinay

    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

    September 27, 2016 at 2:12 am #692030
    kbarranco

    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 8 years, 2 months ago by kbarranco.
    September 28, 2016 at 6:58 am #692495
    Vinay

    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

    September 29, 2016 at 11:03 pm #693422
    kbarranco

    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!!

    October 3, 2016 at 10:56 pm #694792
    Vinay

    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

    October 4, 2016 at 9:16 pm #695252
    kbarranco

    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.

    October 5, 2016 at 8:18 am #695353
    Rikard

    Hi,

    Glad we could help :-)

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

    Best regards,
    Rikard

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