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

Solved

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

AndreNL
Shopify Partner
37 1 5

How do I disable this when hovering?

It's under "Cobots"

https://kosterstaphorst.nl

 

AndreNL_0-1718371375394.png

 

Accepted Solution (1)

BSSCommerce-HDL
Shopify Partner
1134 392 460

This is an accepted solution.

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

BSSCommerceHDL_1-1718372911603.png

 

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

BSSCommerceHDL_3-1718372941927.png

 

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

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 😍

If our suggestions are useful, please let us know by giving it a like, marking it as a solution, or donating here .


B2B Solution & Custom Pricing | Product Labels by BSS


Need help from our expert? Kindly share your request with us via community@bsscommerce.com


BSS Commerce - Full-service eCommerce Agency

View solution in original post

Replies 4 (4)

BSSCommerce-HDL
Shopify Partner
1134 392 460

This is an accepted solution.

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

BSSCommerceHDL_1-1718372911603.png

 

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

BSSCommerceHDL_3-1718372941927.png

 

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

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 😍

If our suggestions are useful, please let us know by giving it a like, marking it as a solution, or donating here .


B2B Solution & Custom Pricing | Product Labels by BSS


Need help from our expert? Kindly share your request with us via community@bsscommerce.com


BSS Commerce - Full-service eCommerce Agency
AndreNL
Shopify Partner
37 1 5

Works perfectly when combined with a pointer on hover 👍

BSSCommerce-HDL
Shopify Partner
1134 392 460

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 😍

If our suggestions are useful, please let us know by giving it a like, marking it as a solution, or donating here .


B2B Solution & Custom Pricing | Product Labels by BSS


Need help from our expert? Kindly share your request with us via community@bsscommerce.com


BSS Commerce - Full-service eCommerce Agency

Vinsinfo
Shopify Partner
352 125 118

@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

 

Please provide your support by click "Like" and "Accepted" if our solution works for you. Thanks for your support.
Please reach out to bizdev@vinsinfo.com for any enquires related to Shopify.
Our Services: Custom Theme Development, Theme Customization, Custom Feature Implementation, Data Migration, Custom APP Development, Website Optimization and Google Merchant Center Support