widget_css_suffix

Hi
I found to options to show products on mainpage - zoom and cross:
widget_css_suffix="products"
widget_css_suffix="separator overlay"

Any other options?

Hi,
For the News Show Pro, there's no additional styles, please check Widget Styles page on our demo website:
https://demo.gavick.com/wordpress/store ... age_id=506

I don't like how the magnifier icon look at products on frontpage. it's expected that pressing product photo will make zoom effect because magnifier means zoom. But pressing leads to product page.

I tried to replace "products" to "separator overlay" but it changed not the only hover effect but also the look. No borders. And colors changed to less bright. Prices became grey.

How can I keep css style of "products" (colors, borders, etc) and replace hover effect to something without magnifier icon? Like "separator overlay" effect or turn and zoom, etc?

I don't want to change css styles of "separator overlay" because i use them for "From blog" section. I would rather change "products" hover effect. But it's not in css, right?

Hi,

Try to add the following custom css code:

Code: Select all

.gk-nsp.products .gk-image-link:after {
   display: none;
}

#gk-bg .gk-nsp.products .gk-image-link img:hover {
    -webkit-transform: scale(1.2) rotate(-5deg);
    -moz-transform: scale(1.2) rotate(-5deg);
    -ms-transform: scale(1.2) rotate(-5deg);
    -o-transform: scale(1.2) rotate(-5deg);
    transform: scale(1.2) rotate(-5deg);
}


Thanks. It helped. I could not expect that
.gk-nsp.products .gk-image-link:after {
display: none;
}
will work this way. Could please explain that?

Hi,
This code hides the magnifying glass icon when your cursor is over the product image.