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

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 12 (12)

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
5625 1262 1288

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 1786 3135

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

veto1
New Member
4 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 1786 3135

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

veto1
New Member
4 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 1786 3135

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

usmankhalid3434
Visitor
2 0 0

To change the font color on the Accent 2 theme background, you’ll typically need to access the theme settings or custom CSS options in your platform’s design editor. Look for 'Typography' or 'Color Settings' under the theme customization section. If you’re using a platform like WordPress or Wix, you might find specific font color options tied to Accent 2. By the way, if you're interested in community engagement, you can also check out some whatsapp group link to connect with like-minded users!"

usmankhalid3434
Visitor
2 0 0

You can usually change the font color in the Accent 2 theme background through the theme settings under ‘Typography’ or ‘Theme Customization.’ If those options aren’t available, you might need to add custom CSS.

Hope that helps! Also, if you're interested, you can check out School Girl WhatsApp Group Links for more related discussions."