Change View All button color on a featured collection

Hello how can I change the color of the View All button on this featured collection to black?
URL: Collections – TrendBlend

Hi @TrendBlend ,

You can follow these steps

Step 1: Go to Online store > Themes > Edit code and find base.css file

Step 2: Insert below code at the end file and Save them

.collection__view-all a:not(.link) {
   background-color: black !important;
}

It would be like that:

We’re happy to see that our suggestion helped you solve the issue. Can you kindly give us a like and mark it as a solution? This can be a reference for other merchants if they have an issue like you.

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.

1 Like

Instructions

  1. Go to ‘Online Store’ → Themes

  2. At your Active Theme → Click on the 3 dots (…) → Edit Code

  3. In the Assets Folder, locate the file ‘base.css’

  4. At the bottom of the file paste the below code

.section-template--22615797563731__featured_collection_FeVCYQ-padding .collection__view-all .button{
   background-color: black;
   color: white;
}
1 Like