widget_css_suffix

May 2014 WordPress Theme
GK User
Thu Mar 02, 2017 8:33 am
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?
User avatar
Junior Boarder

Joshua M
Thu Mar 02, 2017 8:59 am
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
User avatar
Moderator

GK User
Fri Mar 03, 2017 9:21 am
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?
User avatar
Junior Boarder

Joshua M
Mon Mar 06, 2017 9:37 am
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);
}
User avatar
Moderator

GK User
Tue Mar 07, 2017 9:27 am
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?
User avatar
Junior Boarder

Joshua M
Tue Mar 07, 2017 2:06 pm
Hi,
This code hides the magnifying glass icon when your cursor is over the product image.
User avatar
Moderator


cron
Remember me
Register New Account
If you are old Gavick user, click HERE for steps to retrieve your account.