Blog Setting

This topic has 3 replies, 2 voices, and was last updated 2 months, 2 weeks ago by Aizaz Imtiaz Awan.

Viewing 4 posts - 1 through 4 (of 4 total)

Author

Posts
May 31, 2025 at 4:19 pm #664421

Mir
Participant

How to fix Background and foreground colours do not have a sufficient contrast ratio. I can’t find an option to change the colour. So do I fix those issues?

https://pagespeed.web.dev/analysis/https-innotech-com-bd-blog-best-earbuds-in-bangladesh-under-2000/vibjwx2xkw?utm_source=psi&utm_medium=redirect&form_factor=desktop

June 2, 2025 at 9:14 am #664553

Aizaz Imtiaz Awan
Keymaster

Hello,

The issue “Background and foreground colours do not have a sufficient contrast ratio” means that the text color and background color are too similar, which can make content hard to read
Identify the elements causing the low contrast.

Visit the PageSpeed link > Scroll to the “Background and foreground colors do not have a sufficient contrast ratio” section. Adjust the text color or background color using the style options to ensure enough contrast from Theme Settings -> Styles & Colors, and adjust the color areas: https://prnt.sc/xjf4SR2MzfJp

Best Regards,

June 2, 2025 at 12:04 pm #664619

Mir
Participant

Hi, I can’t find any option for Theme Settings -> Styles & Colors.

How to change those colors:

1. https://prnt.sc/GTTu3TbsZ65J
2. https://prnt.sc/UzsR36xVEbQU
3. https://prnt.sc/ndXOP8mxdiA9

June 3, 2025 at 8:15 am #664906
Aizaz Imtiaz Awan
Keymaster
Hello,

Please add the below Custom CSS code to Theme Settings > Custom CSS > Global Custom CSS:
```
:is(.wd-single-post-header,.post-title-large-image) .wd-post-meta .wd-meta-author {
    --wd-link-color: #000000;
    color: #000000;
        font-weight: 600;
}
.wd-page-nav-btn .wd-label {
    color: #000000!important;
            font-weight: 600;
}
.back-to-archive {
   --wd-link-color: #000000;
            font-weight: 600;
}
:is(.widget_categories,.widget_pages,.widget_archive,.widget_nav_menu) ul li a {
    color: #000000 !important;
            font-weight: 600;
}
```
Best Regards,
Author

Posts

Viewing 4 posts - 1 through 4 (of 4 total)