Change View All button color on a featured collection

Solved

Change View All button color on a featured collection

TrendBlend
Trailblazer
338 0 34

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

Schermafbeelding 2024-07-12 153021.png

 

Accepted Solutions (2)

BSSCommerce-TC
Shopify Partner
225 49 51

This is an accepted solution.

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:

BSSCommerceTC_0-1720792260808.png

 

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.

 

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


MIDA: Heatmap, Record & Replay |BLOOP Referral Program, Reward |

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

WalkYourStyle
Navigator
474 58 79

This is an accepted solution.

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;
}

View solution in original post

Replies 2 (2)

BSSCommerce-TC
Shopify Partner
225 49 51

This is an accepted solution.

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:

BSSCommerceTC_0-1720792260808.png

 

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.

 

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


MIDA: Heatmap, Record & Replay |BLOOP Referral Program, Reward |

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


BSS Commerce - Full-service eCommerce Agency

WalkYourStyle
Navigator
474 58 79

This is an accepted solution.

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;
}