Help to change the button's background color & text of slideshow (dawn theme)

[audreyping]

I need help with changing the slideshow's button background color to be white and the text to be black

https://plains-and-prints-ph-uat.myshopify.com/

pwd: plainsandprints

[Guleria]

Hello @audreyping ,

Edit base.css under assets, scroll down to bottom and add this code

.banner__buttons  .button.button--primary {
    background-color: #fff;
    color: #000;
}

Regards
Guleria

[audreyping]

thanks, it works. Is it possible to change the button's border color?

[Guleria]

Yes update previous code with this one

.banner__buttons  .button.button--primary{
    background: #fff !important;
    color: #000 !important;
    border: solid 1px #000;
}

[Moeed · Accepted solution]

Hey @audreyping 

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>
a.button.button--primary {
    background: white !important;
    color: black !important;
}
</style>

RESULT:

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

Best Regards,
Moeed

[Dev_Inflame]

@audreyping ,

Click on three dots then after click on edit code and find section-image-banner.css file.

Please add this css code in section-image-banner.css file.

.slideshow__text .banner__buttons a.button.button--primary {
    background: #fff;
    color: #000;
}