Change the color of slideshow text header, dawn theme

Store Design
1

Hi, I would like to change the color of text found on my home page on the IMAGE banner.

www.therscued.com

Thank you

2

Hi @theRSCUED

I’m Richard Nguyen from PageFly- Free Landing Page Builder

You can try with this code.

Follow this:

Go to Online Store->Theme->Edit code->base.css ->paste bellow code in top of file

h2.banner__heading.h0, .banner__text.subtitle {

color: red !important;

}

RichardNguyen_0-1665722633580.png
RichardNguyen_0-1665722633580.png1352×460 199 KB

Hope that my solution works for you.

Best regards,

Richard | PageFly

3

@theRSCUED

oh sorry for that issue can you try this code

  1. Go to Online Store->Theme->Edit code
  2. Asset->/section-image-banner.css ->paste below code at the bottom of the file.
.banner__box>*:first-child {color: #f4496f;} /* change color code as you like */
.banner__box .banner__heading+* {color: #f4496f;} /* change color code as you like */
4

Hello @theRSCUED

It will be helpful if you try this code -

Go to Online Store->Theme->Edit code-> Assets > section-image-banner.css >Add below the code

.banner__box>*:first-child span {
    color: #0000FF;
}
.banner__box .banner__heading+* span {
    margin-top: 1rem;
    color: #0000FF;
}
5

HI, sorry this isn’t working for some reason.

Thank you

6

Hello @theRSCUED

It will be helpful if you try this code -

Go to Online Store->Theme->Edit code-> Assets > section-image-banner.css >Add below the code

.banner__box>*:first-child span {
    color: #0000FF !important;
}
.banner__box .banner__heading+* span {
    color: #0000FF !important;
}
7

This doesn’t work, is there another option?

Thanks k

8

Hello Again @theRSCUED

It will be helpful if you try this code -

Go to Online Store->Theme->Edit code-> Assets > section-image-banner.css >Add below the code

div#Banner-template--15777192312992__619ae4a7-2214-4a80-96f9-4140d2aefd31 .banner__box>*:first-child {
color: #0000FF !important;
}
div#Banner-template--15777192312992__619ae4a7-2214-4a80-96f9-4140d2aefd31 .banner__box .banner__heading+* {
    color: #0000FF !important;
}