Stopping movement in the side communication icons

When the mouse stops on any social media icon, it extends the icon and shows the name. We want a code to make the icons fixed and not expand when the client stands on them. We want to make the section fixed.

Attachments:

You must be logged in to view attached files.

Hello,

Can you please share the site URL so I will check and give you the custom CSS code for this.

Best Regards.

Done

Hello,

Please use the below custom CSS code and paste it to Theme Settings >> Custom CSS code >> Global CSS section:

.wd-sticky-social-right .wd-social-icon:hover .wd-icon-name {
    display: none;
}

Best Regards.

I want to stop the product effect when moving the mouse. We want to apply this to all products in general that are subject to influence

I want to stop the product effect when moving the mouse. We want to apply this to all products in general that are subject to influence

I want to stop the product effect when moving the mouse. We want to apply this to all products in general that are subject to influence

https://files.fm/u/qfrzmuga86?k=397f2eb9

https://files.fm/u/qfrzmuga86#/view/udx7c7fbv6

Hello,

Try to add the following code snippet to the Custom CSS area in Theme Settings.

.wd-hover-fw-button.wd-hover-with-fade.hover-ready:is(:hover,.state-hover) .product-wrapper {
	transform: none;
}

.wd-hover-fw-button.wd-hover-with-fade .content-product-imagin {
	box-shadow: none;
}

Best Regards

In the bottom header of the list, while scrolling to the right and left, a sticky, moving row appears at the bottom. Please help me remove it and keep the list moving as it is. We would like to remove the sticky row only while scrolling, as shown in the video. At the bottom of the scroll, a faded row appears that moves while moving the list. I want to save this : https://jmp.sh/s/pQhy6K49h1I0qUkwYIy1

Site : Resaal.com

Hello,

Please use the below custom CSS code:

.whb-header-bottom .wd-marquee::-webkit-scrollbar {
    display: none;
}

Best Regards.

When entering any category or shop products, a glow appears for the product when you move the mouse over it. We want to turn this glow off so that it is constant.

vadio : https://files.fm/u/8jnssnh45q

Example: https://resaal.com/game-cards/

Hello,

Navigate to Theme Settings > Product Archive > Product styles > enable the “Hover image” option and configure the product styles and check how it works: https://prnt.sc/8Vr7AteT9Mv5

Best Regards

Dear, understand me well. I have done what I explained and it does not work. What I want is as follows: When you open the video above, you will notice that when the mouse is locked on the product, it expands downward to overlap the header of the product below it. We want to stop this expansion in all sections of the site and all products.

Hello,

Sorry to hear about the inconvenience. Kindly, please share your Site WP-ADMIN Login details in the Private Content field so that we can check this concern on your Site and help you out accordingly.

Best Regards

When entering the categories, when the mouse moves over any of the products, an extension of the product occurs. We want to stop this throughout the site for all products so that they are constant.

Hello,

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

 .wd-hover-with-fade .content-product-imagin {
     position: static !important;
} 

body .product-grid-item .wd-buttons.wd-pos-r-t {
    opacity: 1 !important;
    transform: none !important;
    visibility: visible !important;
}

Best Regards,

[Author]

Posts