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

[yapofire]

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

stiald

Thanks

[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 </body> tag.

<style>
.center.collection-list-view-all.small-hide.medium-hide.scroll-trigger.animate--slide-in a {
    background: transparent !important;
    color: #296880 !important;
}
</style>

RESULT:

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

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

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

[Dawood_Mirza_ · Accepted solution]

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

[yapofire]

Thanks so much

Silly me!