Home › Forums › WoodMart support forum › Change the color of the font
Change the color of the font
- This topic has 8 replies, 2 voices, and was last updated 3 years, 10 months ago by
Elise Noromit.
-
AuthorPosts
-
September 16, 2021 at 7:52 pm #319147
afoukisParticipantHi,
How can I change the color of the font (in what I have circle red) because I get the error
“Very low contrast between text and background colors”
When I check with https://wave.webaim.orgSeptember 16, 2021 at 7:54 pm #319150September 16, 2021 at 11:30 pm #319199
Elise NoromitMemberHello,
You can change the font by means of the Advanced typography option, which allows you to choose the item from a drop-down or insert your custom CSS class. Please navigate to the Theme Settings > Typography > Advanced Typography.
Here is the documentation providing more detailed instructions: https://xtemos.com/docs/woodmart/advanced-typography-settings/
Best Regards
September 17, 2021 at 4:34 am #319215
afoukisParticipantThanks for the reply.
But how to change the foorer.jpg (.textwidget)?
or the text (search.jpg)?September 17, 2021 at 1:16 pm #319351
Elise NoromitMemberHello,
As I understand you mean text on the image, is so, it is not possible to change, you will have to recreate the image with the appropriate text color.
If you have any questions please feel free to contact us.
Best Regards
September 17, 2021 at 7:16 pm #319408
afoukisParticipantΝot the image, I did screenshots to see which text I want
Just the texts (the words)
– footer
– search box
– messageSeptember 18, 2021 at 3:26 pm #319503
Elise NoromitMemberHello,
Please add this code to the Theme Settings > Custom CSS > Global:
.footer-column li a, .footer-column .footer-widget .widget-title, .footer-column div, .footer-column i, .footer-column a.recent-posts-comment, .footer-column .woodmart-recent-posts .recent-posts-time, .footer-column p{ color:red; }
You can change the color or use the selector in the advanced typograply.
Best Regards
September 19, 2021 at 5:49 pm #319602
afoukisParticipantthanks
this was for the texts in the footer. I tried Advanced Typography for the footer but I don’t found any selector about footer.rewrite:
Βecause I get the error “Very low contrast between text and background colors” (https://wave.webaim.org)
How can I change the color of the texts everywhere:
– text message > “Search for products” (search.jpg)
– text message > “SELECT CATEGORY” (search.jpg)
– error message > “My products were found matching your selection” (no-product.jpg)To not ask you every time, how can I find the code that I should add to Custom CSS > Global?
Thanks againSeptember 19, 2021 at 10:17 pm #319640
Elise NoromitMemberHello,
Please have a look at the screen: https://gyazo.com/b25e7ed3d975c979e37491e1fdb60812
You take any selector and insert
.footer-column a.recent-posts-comment
then configure the colors and fonts as per your needs.If you have any questions please feel free to contact us.
Best Regards
-
AuthorPosts
- You must be logged in to create new topics. Login / Register