Hiding Multicolumn Link Label

Hiding Multicolumn Link Label

f22london1
Excursionist
25 1 1

How can i hide the link label in the home page multicolumn

 

My website is f22london.com

Replies 2 (2)

parth_ghelani
Shopify Partner
77 12 12

Hello @f22london1 

To hide the link label in the multicolumn, you just need to follow below steps;

You just need to follow below steps:

1. Go to admin > Online store > edit code.

2. In the code directory, find the file named "section-multicolumn.css". 

3. Copy the below given file and paste it at the end of the file.

.multicolumn-card .multicolumn-card__info a {
  opacity: 0; 
}
.multicolumn-card.content-container:hover::before {
  background-color: transparent !important;
}

4. Don't forget to save the file after making changes in it.

Hope this solution fix your issue.

 

Was my reply helpful? Click Like to let me know!
Was your question answered? Mark it as an Accepted Solution.

Parth Ghelani

BSS-TekLabs
Shopify Partner
545 155 182

@f22london1 

- Here is the solution for you
- Please follow these steps:

step.png

 

 

- Then find the base.css file.
- Then add the following code at the end of the file and press 'Save' to save it.

@media screen and (min-width: 989px) {
.multicolumn-card__info .link {
     opacity: 0 !important;
}
.multicolumn-list__item .multicolumn-card.content-container:hover::before {
  background-color: transparent !important;
}
}

- Here is the result you will achieve:

BSSTekLabs_0-1719577941631.png

 

 

- Please press 'Like' and mark it as 'Solution' if you find it helpful. Thank you.

If our suggestions are useful, please let us know by giving it a like or marking it as a solution .
For give Gift to customers and Upsell in Cart, check out Salepify: Free Gifts with purchase

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


BSS Commerce - Full-service eCommerce Agency