How can I remove text hover from my product pictures?

Store Design
1

Hi :slightly_smiling_face:
i would like to remove the Text hover of the Pictures, but i cant find how to do it. Can somebody maybe help?

Many thanks! :slightly_smiling_face:

Link: https://fdv8p875najrfxco-61640442018.shopifypreview.com/products_preview?preview_key=5444ac20d7852f6ac845b2d555047b68

2

Bildschirmfoto 2023-05-18 um 17.49.58.png
Bildschirmfoto 2023-05-18 um 17.49.58.png1392×880 227 KB

3

  • Once you find the relevant code, look for a property such as cursor: pointer; or cursor: zoom-in;. This property is usually responsible for changing the cursor and triggering the hover effect.

    Either delete the entire line containing the cursor property or comment it out by adding /* at the beginning of the line and */ at the end. For example:

/* cursor: pointer; */
​
1 Like
4

i still cant find it :confused:

5

Hi [email removed]LinisCandy,

You can try this code by following these steps:

Step 1: Go to Online Store->Theme->Edit code.

Step 2: Search file base.css

Step 3: Paste the below code at the bottom of the file → Save

#MainContent .gpo-tooltip {
    display: none;
}

Hope my solution works perfectly for you.

Cheers!

Oliver | PageFly

6

  1. Access your theme editor or navigate to the CSS file: Open your theme editor or access the CSS file associated with your theme. This file is typically named styles.css or theme.css. If you’re using a theme with multiple CSS files, look for the one that controls the styles for your pictures.

  2. Find the CSS selector for the picture hover effect: Look for the CSS selector that targets the pictures or image elements with the hover effect. It might look something like this:

.image:hover {
  /* Styles for the hover effect */
}
7

Many thanks that worked!

8

You are welcome.I’m glad when I can help you :heart_eyes: