Disable the plus symbol when hovering over collection (Ella theme)

Store Design
, ,
1

How do I disable this when hovering?

It’s under “Cobots”

https://kosterstaphorst.nl

AndreNL_0-1718371375394.png
AndreNL_0-1718371375394.png258×411 26.7 KB

2

Hi @AndreNL ,
Step 1: Go to Shopify Admin → Online Store ->Theme → Edit code

BSSCommerceHDL_1-1718372911603.png
BSSCommerceHDL_1-1718372911603.png1902×899 133 KB

Step 2: Search file base.css, theme.css, styles.css or theme.scss.liquid

BSSCommerceHDL_3-1718372941927.png
BSSCommerceHDL_3-1718372941927.png1916×934 101 KB

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

.list-categories .view-abs {
  display: none !important;
}

Here is result:

BSSCommerceHDL_0-1718372864612.png
BSSCommerceHDL_0-1718372864612.png1919×898 160 KB

Hope this can help you,

If our suggestions are useful, please let us know by giving it a like or marking it as a solution. Thank you :heart_eyes:

1 Like
3

@AndreNL Please follow below steps to disable the plus symbol when hovering on collection product. Let me know whether it is helpful for you.

  1. From admin, go to “Online Store” → “Themes”.
  2. Click action button from the current theme and select “Edit code”.
  3. Go to “base.css” file and paste the below code at the bottom of the file and save changes.
@media (min-width: 1025px) {
  .list-categories .img-box:hover .view-abs {
    opacity: 0 !important;
  }
}

Result will be like,

Vinsinfo_0-1718374293915.png
Vinsinfo_0-1718374293915.png340×412 27.8 KB

Please provide your support by click “Like” and “Accepted” if our solution works for you. Thanks for your support.

4

Works perfectly when combined with a pointer on hover :+1:

1 Like
5

Hi @AndreNL ,

We’re happy to see that our suggestion helped you solve the issue.

Should you need any further information, please do not hesitate to contact us by tagging directly at Community post. We will check and let you know soon.

Thanks in advance :heart_eyes: