Changing Color of "text with icons" button and "a.btn.btn--secondary.btn--small"

Store Design
,
1

Hi Everyone,

I am trying to change these buttons to a background of #62164F with no outline and white font. I believe the current buttons are the “secondary” but I am not sure how to correct this/write new code to override. Could someone please help me with these two? It should be okay if you write it at the class level, as I need this to apply to all pages.

Thank you SO much!!

URL: https://nactive-lifestyle-apparel.myshopify.com

PW: [email removed]

1: “a.btn.btn–secondary”

Screen Shot 2022-07-26 at 9.14.52 AM.png
Screen Shot 2022-07-26 at 9.14.52 AM.png1792×1170 189 KB

2: “a.btn.btn–secondary.btn–small”

Screen Shot 2022-07-26 at 9.14.34 AM.png
Screen Shot 2022-07-26 at 9.14.34 AM.png1766×1312 201 KB

2

Hi and welcome!

Could you provide the URL to these pages and will make sure the code I provide works before posting it :slightly_smiling_face:

3

Hi, sorry! I realized I didn’t right after posting that. Here you are:

URL: https://nactive-lifestyle-apparel.myshopify.com

PW: [email removed]

4

Perfect!

Add these to the bottom of your theme.css file:

.btn--secondary.btn--small {
    background: #62164F !important;
    color: #fff !important;
    border: hidden !important;
}

.btn--secondary {
    background: #62164F !important;
    color: #fff !important;
    border: hidden !important;
}
1 Like
5

AMAZING!! Thank you so much.

6

You’re very welcome!

If you could take a moment to read my signature below, I would highly appreciate it :heart:

1 Like