How can I change the font color on Accent 2 theme background?

Kim_Salabim
Visitor
3 0 0

Hi! Help! 🙂

theme: Craft 

 

I want to change the text colour on only the Accent 2 background, and I don't know how to do it. Currently it is a dark colour, as is needed for a proper contrast with Accent 1.

 

For Accent 2 i would like to change the font colour to #F2ECDF. 

 

The link is https://www.maybealtar.com and the password is getmeinthere

 

Thanks so much in advance!

Replies 10 (10)

Angel95
Pathfinder
101 6 8

Hello,

 

Can yo tell me where you want to chnage the font color to font colour to #F2ECDF?

banned

GemPages
Shopify Partner
5589 1261 1218

Hello @Kim_Salabim 

 

It's GemPages support team and glad to support you today.

I would like to give you a solution to support you.

1. Go to Online Store -> Theme -> Edit code.

2. Open your assets/base.css  theme file.

3. Add the code at the end of the file:

 

.color-accent-2{
   color: #F2ECDF !important;
}

 

Hope my solution can work and support you!

Kind & Best regards!

GemPages Support Team.

GemPages - Build any high-converting store pages for any business


- If you find my reply helpful, please hit Like and Mark as Solution
- Get connected: App Store | Blog | Community | Help Center
fontchangerguru
New Member
7 0 0

Hey!

 

I've used .color-accent-2{
color: #F2ECDF !important;
}

on my store https://activewhatslink.com/ now I want to change the text style on button. Can you you please send me code for that tast.

Kim_Salabim
Visitor
3 0 0

Thanks a bunch! It worked in that the body text is now the right color, but the heading and button are still dark. Any clues on how to fix that?😅 Thank you so much for your help!

Screenshot 2023-03-23 at 08.46.04.png

Kim_Salabim
Visitor
3 0 0

Thanks a bunch! It worked in that the body text is now the right color, but the heading and button are still dark. Any clues on how to fix that?😅 Thank you so much for your help!

Screenshot 2023-03-23 at 08.46.04.png

PageFly-Victor
Shopify Partner
7865 1785 3066

Can you tell me which page the problem is, I can't find it.

veto1
Visitor
3 0 0

Hey! 

 

I have the same issue where the heading isn't the same colour as the body text in accent 2. I want all text to be #333333. 

PageFly-Victor
Shopify Partner
7865 1785 3066

Hi @veto1 , Can you share the URL and password of the site so I can check it out?

veto1
Visitor
3 0 0

Hey! My website isn't live yet - I'm finalising the design. I've attached a screenshot of the issue.

PageFly-Victor
Shopify Partner
7865 1785 3066

Hi @Kim_Salabim 

 

You can try this code by following these steps:

Go to Online store => themes => actions => edit code  and add this code on file base.css

 

PageFlyVictor_0-1679395759155.png

 

.color-accent-2{

   color: #F2ECDF !important;

}

 

Hope this answer helps.

Best regards,

Victor | PageFly