Change featured collection's view all' button colour

Hi,

Can someone help me change my featured collection’s view all’ button colour?

Thank you!

hello @mensfashionking

Can you please provide me with the store URL ( password too, if your store is password protected)?

Website: https://mensfashionking.myshopify.com/

Password: saushu

@eFoli-Trapa

@mensfashionking

can you please provide me a screenshot by marking the buttons you want to change the color?

Its the “view all” button. I want it to be white. @eFoli-Trapa

hello @mensfashionking

To Change the featured collection’s view all’ button color, add this code to your base.css file.

Navigate to online store >> Click edit theme code.

Now find base.css and paste the following code:

.center a{background: white !important;}

I hope it will be helpful for you.

Thanks

Did it solve your issue?

  • If yes, Like & Mark As Solution to help the community

  • If not, let me know. also share a screenshot of the code that you added.

hi, @eFoli-Trapa , its didnt work for me. Did i do something wrong?

@mensfashionking

can you share a screenshot of the location, where did you paste the code?

@eFoli-Trapa It turns the button white, but moves the button to the left side. Also how do I change the text colour to black (so its visible)?

@mensfashionking

Please try this

.center a{background: white !important; color: black !important;}

I hope it will be helpful for you.

Thanks

Did it solve your issue?

  • If yes, Like & Mark As Solution to help the community

  • If not, let me know. also share a screenshot of the code that you added.

What worked:

-White box

-Black text

What hasn’t worked:

-The box/text has positioned itself to the left but I need it in the middle.

thanks @eFoli-Trapa

@mensfashionking

try this too

.center{text-align:center !important;}

Thank you! Much appreciated.

@mensfashionking

You are welcome. I’m glad to help you