Home › Forums › WoodMart support forum › Change the color of the font

Change the color of the font

Viewing 9 posts - 1 through 9 (of 9 total)
  • Author
    Posts
  • September 16, 2021 at 7:52 pm #319147

    afoukis
    Participant

    Hi,
    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.org

    September 16, 2021 at 7:54 pm #319150

    afoukis
    Participant

    I forgot the screens

    Attachments:
    You must be logged in to view attached files.
    September 16, 2021 at 11:30 pm #319199

    Elise Noromit
    Member

    Hello,

    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

    afoukis
    Participant

    Thanks 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 Noromit
    Member

    Hello,

    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

    afoukis
    Participant

    Νot the image, I did screenshots to see which text I want
    Just the texts (the words)
    – footer
    – search box
    – message

    September 18, 2021 at 3:26 pm #319503

    Elise Noromit
    Member

    Hello,

    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

    afoukis
    Participant

    thanks
    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 again

    September 19, 2021 at 10:17 pm #319640

    Elise Noromit
    Member

    Hello,

    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

  • Author
    Posts
Viewing 9 posts - 1 through 9 (of 9 total)