child theme

Hello,

1. You can find the Viewport tab in the Theme Settings > Other, you need to scroll to the bottom of the settings. https://prnt.sc/N-Zibb47ilCh

The “Background and foreground colors do not have a sufficient contrast ratio” error means the contrast ratio between the two elements doesn’t meet the recommended standards. For example, you might be using a similar shade of gray for both the background and the text.

Our guide on how to optimize your website using our themes can be found here: https://xtemos.com/wordpress-performance-optimization-the-ultimate-guide-in-2021/.

Best Regards.

Hi,

We are trying to check your site, but it is currently unavailable (https://prnt.sc/nZ_TyPaynpf5). Please verify its status. Additionally, to help you resolve this issue, we will need administrator access to the site.

Kind Regards

I checked your website, and unfortunately, it is still unavailable: https://prnt.sc/0OowciT5yhkp https://prnt.sc/KPA9Q8re-kIq

Kind Regards

Hello,

Sorry for the delay. We managed to access your website and conduct a PageSpeed evaluation. The report highlighted three main categories of accessibility issues:

1. Light gray text on a white background (https://prnt.sc/jASAtXthHmnk)
2. Primary color green product prices on a white background (https://prnt.sc/aDYmhI3FLpwX)
3. White text on a primary color green button background (https://prnt.sc/zolR2zVLycRh)

The first issue can be addressed with the following custom code:

body .wd-product :is(.wd-product-cats,.wd-product-brands-links) {
--wd-link-color: var(--color-gray-600);
}

body :is(.widget,.wd-widget,div[class^="vc_wp"]) {
--wd-link-color: var(--color-gray-600);
}

The second and third issues cannot be resolved with custom code alone, as they require adjusting the shade of the primary green color to meet contrast standards recommended by Google PageSpeed. Please try accessing your theme settings primary color option (https://prnt.sc/TD-H1qX0MDA0) and experimenting with darker shades of green to achieve a suitable contrast ratio.

Best regards

Yes, you are correct. The code should be placed in the Global custom CSS area in the Theme settings.

Kind Regards