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

Store Design
, ,
1

Hi! Help! :slightly_smiling_face:

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!

2

Hello,

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

3

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.

4

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
PageFlyVictor_0-1679395759155.png1600×794 164 KB

.color-accent-2{

   color: #F2ECDF !important;

}

Hope this answer helps.

Best regards,

Victor | PageFly

5

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.

6

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? :sweat_smile: Thank you so much for your help!

Screenshot 2023-03-23 at 08.46.04.png
Screenshot 2023-03-23 at 08.46.04.png901×516 192 KB

7

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? :sweat_smile: Thank you so much for your help!

Screenshot 2023-03-23 at 08.46.04.png
Screenshot 2023-03-23 at 08.46.04.png901×516 192 KB

8

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

9

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.

10

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

11

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

12

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!"

13

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."