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

Store Design
,
1

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

audreyping_0-1751278509343.png
audreyping_0-1751278509343.png1356×687 145 KB

1 Like
2

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

3

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 tag

RESULT:

Moeed_0-1751279050365.png
Moeed_0-1751279050365.png1895×404 406 KB

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

Best Regards,
Moeed

4

@audreyping ,

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

Dev_Inflame_0-1751279218115.png
Dev_Inflame_0-1751279218115.png1868×238 33.3 KB

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

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

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

1 Like
6

Yes update previous code with this one

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