How to change certain text colours on Studio Theme

Store Design
1

Hi,

I am looking at changing my theme from Minimal to Studio, However some differences i have noticed which im unsure how to change are that I cant change the text of the Announcement bar to be white, without it changing all of the text on the site to white.

Also again the footer text i cant find how to change only the footer text to white.

Can someone please help me with a solution to this?

Thanks

2

Hello @Emmalouuise
can you please share your store URL so i can provide you some solution

3

Hi the URL is www.darlingbunshop.co.uk
The current theme I’m using is Minimal however I want to change over to Studio with the same text colours etc as I currently have.

4

Hello @Emmalouuise
on the Studio theme You can add code by following these steps to make color white in announcement bar.

  1. Go to Online Store → Theme → Edit code.

  2. Open your theme.liquid file

  3. Paste the below code before on theme.liquid

.announcement-bar__message{ color:#fff !important; }
5

Hi @Emmalouuise

You can try this code by following these steps:

Go to Online store => themes => actions => edit code and add this code on file theme.liquid before tag

PageFlyVictor_1-1674485922130.png
PageFlyVictor_1-1674485922130.png400×225 38.4 KB

Hope this answer helps.

Best regards,

Victor | PageFly

6

Thank you so much that worked, however is there a way to also change the text for the footer too? As it also needs to be white text, however cant find where you could change the text colour of the footer.

7

I have checked your footer and color text still while, if you need change color you can use this code

.site-footer{
color: black !important;
}

.site-footer__links a {
color: black !important;
}

PageFlyVictor_0-1674577041727.png
PageFlyVictor_0-1674577041727.png2858×1340 217 KB

8

@PageFly-Victor The footer i am talking about, is the one on studio theme (which is not the one you are seeing on the current website) for that code, if it works to change the text on the footer to white, where do i put that code?

9

@niraj_patel Do you know of a solution to changing the footer text to white on the studio theme also?

10

Hello @Emmalouuise

You can add code by following these steps to show white color on footer

  1. Go to Online Store → Theme → Edit code.

  2. Open your theme.liquid file

  3. Paste the below code before on theme.liquid

footer a,footer p,footer h2,footer .field__label,footer .field__button { color:#fff !important; }

techlyser_ecom_0-1674603280527.png
techlyser_ecom_0-1674603280527.png1913×941 98.8 KB

11

you can add this code on file base.css

.footer h2{
color: white !important;}

.footer a {
color: white !important;
}

.footer p {
color: white !important;
}

Or use this code on file theme.liquid before tag