Hiding Multicolumn Link Label

[f22london1]

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

My website is f22london.com

[parth_ghelani]

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.

[BSS-TekLabs]

@f22london1 

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