Modify Button Style in Collection List section of Dawn Theme

[yapofire]

Hi there,

The “Featured Collection” section has an option for an outline button,

However, the “Collection List” section doesn’t:

I would like them to match.

I have tried adding the below to custom css of the section and whilst it appears to visually work, I get an error when saving the page:

.button {
background-color: #FCFAF5; !important;
color:#006680; !important;
}

What am I doing wrong?

Thanks

[Moeed]

Hey @yapofire

Welcome to Shopify Community! Can you share your Store URL so I can have a look on it? Also, if you have password enabled then please share the password as well. Your cooperation would be greatly appreciated.

Best Regards,
Moeed

[devcoders]

Hi @yapofire

If you share your store URL and password with me, I will check and provide you with the solution.

[yapofire]

https://7a5425-c8.myshopify.com/

stiald

Thanks

[yapofire]

https://7a5425-c8.myshopify.com/

stiald

Thanks

[Dawood_Mirza_1]

Hi Yapofire,

You are having error because of the code you have written
change this
.button {
background-color: #FCFAF5; !important;
color:#006680; !important;
}

to

.button {
background-color: #FCFAF5 !important;
color:#006680 !important;
}

There was a issue of semi-colon( only it will not be there after hex code

Hope to have helped you

BR

Dawood Mirza

[Moeed]

Hey @yapofire

Follow these Steps:

1. Go to Online Store
2. Edit Code
3. Find theme.liquid file
4. Add the following code in the bottom of the file above tag.

RESULT:

If I managed to help you then, don’t forget to Like it and Mark it as Solution!

Best Regards,
Moeed

[yapofire]

Thanks so much

Silly me!

[devcoders]

Hi @yapofire

• Go to Online Store → Theme → Edit code.
• Find the file assets/base.css and paste the code below at the bottom of the file."

.button {
background-color: #FCFAF5 !important;
color:#006680 !important;
}