Hiding Multicolumn Link Label

Hiding Multicolumn Link Label

25 1 1

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


My website is f22london.com

Replies 2 (2)

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

Shopify Partner
545 155 182


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




- 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:




- 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