Change the colour of Home page image banner description and shop now button

Store Design
,
1

Hi all,

I want to do is change the colour of the description and banner to match #e80e7c on my home page for the image banner description and shop now button.

I have tried different code and all the options within the customisation with no luck.

Any help is appreciated!

Thank you

2

Hi @naughtynibbles Can you please share your store url so I can check.

3

Hello @naughtynibbles

Could you please provide your store URL and, if it is password protected, please share the password so I can review it and provide a solution.

4

Hi Sandy

https://eatnaughtynibbles.com/

password: efraud

Thanks

5

Hi

https://eatnaughtynibbles.com/

password: efraud

Thanks

6

Hi @naughtynibbles ,

Just copy and paste this code in this CSS file “Section-image-banner.css”
at end of the line. the CSS code is below -

.banner__text.body span{
color: #e80e7c;
}
.banner__buttons a.button{
    color: #e80e7c;
}
.banner__buttons a.button:after{
box-shadow: none;
border: 1px solid #e80e7c;
}

and it will look like this below screenshot -

sandyparihar07_0-1681382256887.png
sandyparihar07_0-1681382256887.png1585×757 116 KB

Please let me know if works and like mark as solve!

7

Thanks! Looks like we are half way there, the button has changed but not the sub text

naughtynibbles_0-1681382577654.png
naughtynibbles_0-1681382577654.png1225×429 15.3 KB

8

Hello @naughtynibbles

You can try this code: it will be helpful to you

Go to the Online Store->Theme->Edit code->Assets->base.css>Add this code at the bottom.

.banner__box .banner__heading+* {
    color: #e80e7c !important;
}
9

@naughtynibbles

Please add the following code at the bottom of your css file.

.banner__text.body span{
    color: #e80e7c;
}
button:before{
background-color: #e80e7c;
}
10

@naughtynibbles just replace span class with this one .banner__text.body span