CSS is not loading properly until refresh the page manually

I made CSS changes to the WOODMART WordPress theme, but the changes didn’t appear on the page immediately. I had to manually refresh the page to see them.

I have provided you with a video that clearly demonstrates the problem.

Hello,

Sorry to say your video is not working correctly. Can you please share the wp logins details of your site in the private area so i will closer look on your site and check the issue.

Best Regards.

Hello,

Video and access wp logins in the Private area

Thanks

Hello,

Sorry I cannot understand your video. But i have used another css on your site and it is loading fine:
Here is a short video for clarification:
https://www.veed.io/view/2d9f3a32-ba15-48c7-ac30-6245792499ed?sharingWidget=true&panel=share

Best Regards.

The changes I made in CSS are not immediately visible on the website; you need to refresh the page for the CSS to take effect.
Check screenshots in private area

Hello,
I’m still waiting for your response.
Every time, I have to refresh the page for the CSS to take effect
I’ve attached additional screenshots in the private area.

Hello,

I have checked your site and not found any issue.
Please see this video for clarification:
https://www.veed.io/view/8be098b2-1703-40a5-b8a4-69731ac1e122?sharingWidget=true&panel=share

Maybe it is your browser cache issue. Please check the site in incognito mode after removing the browser cache.

Best Regards.

I cleared my browser cache and checked the site in incognito mode; however, the problem still persists.
Check Video : https://drive.google.com/file/d/1UF4r-lId_nFQEqHeefpdBP6F7pGoq1Go/view?usp=sharing

Hello,
I’m still waiting for your response.

Hello,

This problem is caused by his custom code, namely, the specificity of the CSS selector that he chose for his code, which cannot override the theme style in all possible style placement options. This is clearly visible in this video (https://monosnap.com/file/ezxBv2OcKgPtvrptfx8ytp39EnIjrv).

To fix this problem, you need to increase the specificity of the selectors in your custom code. For example, if you previously used a selector .product-labels.labels-rounded .label-with-img, now you needs to use such a selector body .product-labels.labels-rounded .label-with-img

I hope you will understand it.

Best regards.

It’s working for me.
Thanks for the support!

Most Welcome!!!.

I’m so happy to hear you are pleased with the Theme and Support. XTEMOS strives to deliver the best customer experience, and it makes our day to hear we have accomplished that.

We count ourselves lucky to have you as a customer. You can always reach us at any time. We are always here to help you.

Thanks for contacting us.
Have a great day.

Topic Closed.
Best Regards.

[Author]

Posts