How can I remove the hover effect from my size chart?

Store Design
, ,
1

Hi,

I wanted to remove the hovering effect on the size chart. So no effect on the chart. Thank you.

url: https://www.leniquelouis.com/pages/size-guide

password: love

Screenshot 2023-06-21 002407.png
Screenshot 2023-06-21 002407.png1920×911 117 KB

2

Which page is that on?

3

Hello @Ess91 ,

You can try to follow these steps:

  • Go to Online Store → Themes → Actions → Edit code
  • Go to Assets folder → base.css file or theme.scss.liquid file
  • Look for any CSS styles that control the hovering effect, such as :hover pseudo-class or hover CSS properties.
  • Remove or comment out the CSS styles that control the hovering effect. For example, if you have a :hover style, you can comment it out by adding /* at the beginning and */ at the end of the code block.
  • Save changes

Hope this can help. Let us know if you need any further support.

Ali Reviews team.

4

https://www.leniquelouis.com/pages/size-guide

5

Hi, @Ess91

Greetings from the Store Watchers Support Team! Happy to help you today.

  1. Go to online store > theme > edit code > assets > stylesheet.css(file) and Paste the below code at the bottom of the file → Save
#shopify-section-template--14621083861095__5a423bf0-6d70-4554-81b6-e66b21598a56 img:hover {
  transform: none !important;
  transition: none !important;
}

Let me know If need further assistance

Regards,

Store Watchers Support Team

6

Thank you, that worked for me!