Change colour of header text in mobile and desktop in Brooklyn theme

Solved
MSM2020
Excursionist
14 0 4

Hi, 

I'm wanting to change the colour of the titles in the slideshow on my homepage (Brooklyn theme) to make it white on desktop and black on mobile. 

Is there a code that can be added?

Thanks

0 Likes
dmwwebartisan
Shopify Partner
4570 1028 1321

@MSM2020 

Please share your website URL and password if any. I will check and provide a solution here.

Thanks!

If helpful then please Like and Accept Solution.
Email: dmw.webartisan@gmail.com | Instagram: @dmw.webartisan
Advanced Shopify Page Builder to customize your pages - check here PageFly App
0 Likes
MSM2020
Excursionist
14 0 4

myschoolmemories.com.au

dmwwebartisan
Shopify Partner
4570 1028 1321

@MSM2020 

Please add the following code at the bottom of your assets/theme.scss.liquid file.

@media screen and (min-width: 591px){
.hero__slide .hero__subtitle, .hero--adapt .hero__subtitle { color: #fff !important; }
}

 

Hope this helps.

Thanks! 

If helpful then please Like and Accept Solution.
Email: dmw.webartisan@gmail.com | Instagram: @dmw.webartisan
Advanced Shopify Page Builder to customize your pages - check here PageFly App
0 Likes
MSM2020
Excursionist
14 0 4

Sorry I want it white on desktop (as its an overlay) and black on mobile....

dmwwebartisan
Shopify Partner
4570 1028 1321

@MSM2020 

Yes, I understood that please try the above code it will make white on desktop and black on mobile.

Let me know if that works.

Thanks!

If helpful then please Like and Accept Solution.
Email: dmw.webartisan@gmail.com | Instagram: @dmw.webartisan
Advanced Shopify Page Builder to customize your pages - check here PageFly App
0 Likes
MSM2020
Excursionist
14 0 4

No it doesn't, it only shows the code at the bottom of the page.... I've added it to the theme.liquid

 

dmwwebartisan
Shopify Partner
4570 1028 1321

This is an accepted solution.

@MSM2020 

No, not in theme.liquid file.

Goto Assets folder find the file theme.scss.liquid . Add that code there.

Thanks!

If helpful then please Like and Accept Solution.
Email: dmw.webartisan@gmail.com | Instagram: @dmw.webartisan
Advanced Shopify Page Builder to customize your pages - check here PageFly App