banner animations

Hi:

1. how can i change the promo banner animation speed? I am using promo banner with WPBkery, with hover effect “zoom image” (screen number 1). I want that animation to be slower.

2. how can i decrease size of a cart icon on header? I want it to be smaller.

3. Can i add animated underline, when i point mouse on header menu? something like that: http://www.nudyess.com

4. How can i remove all icons from product hover image? Wishlist, quick view and cart icons

5. How can i make product image NON CLICKABLE on mobile? I want only product title to be clickable on mobile.

Attachments:

You must be logged in to view attached files.

Hello,

1. Please add this code to the Theme Settings > Custom CSS > Global:

body [class*="banner-hover-zoom"] .banner-image {
	transition-duration: 2s;
}

2. Please use this code:

body .wd-tools-element .wd-tools-icon:before {
    font-size: 17px;
}

You can change the value as per your needs in both codes.

3. Please set this option in the Main menu of the Header builder: https://gyazo.com/8c1565eef433af92d54fd97bb249407c

4. You can find the option to disable icosn in: Theme Settings > Shop > Compare / Wishlist, Quick view in the Theme Settings > Shop.

Please provide the page URL so that I could give you the code to remove the Add to cart button.

5. I will provide the CSS as soon as get the URL.

Best Regards

Thank You so much! URL is in private section below

Hello.

Your site is under construction. Please insert the site admin access into the Private content below the message area.

Best Regards

Login and password are in private section.

To be more precise: i want products to be non clickable only on mobile, and only on some pages (not all pages). I have that page called “mix&match”, and i want that option only on that page.

Of course client can click on product title and buy that product, i want only images to be non clickable.

Hello,

Please add this code to the Theme Settings > Custom CSS > Global:

.wd-hover-base .wd-bottom-actions.wd-add-small-btn .wd-add-btn {
    display:none;
}
.wd-hover-fw-button .wd-add-btn>a {
display:none;
}

Please add this code to the Theme Settings > Custom CSS > Mobile:

body .product-element-top {
    pointer-events: none;
}

Best Regards

Hello,

To make the image inclinable only on that page:

body.page-id-22 .product-element-top {
    pointer-events: none;
}

Best Regards

Thank You!

I have another question: how to make sticky element on all pages, like sticky social media icons or sticky text in left bottom corner? I want it to be displayed on the all pages (except checkout and my account)

Example in the screen below:

Attachments:

You must be logged in to view attached files.

Its not footer, it is visible all the time (not only if scrolled down, like footer is)

Hello,

You can make a column sticky: https://gyazo.com/356caf7e4868da243788d2c7fcde70c4

If you have any questions please feel free to contact us.

Best Regards

[Author]

Posts