CSS is not loading properly until refresh the page manually

Hello.
After update to the latest theme version, I detect some issues with CSS. It’s loading correctly on the second manual refresh. The problem is on products title align and on .product-grid-item margin bottom. I try to fix it, but still no luck.

Could you help me?
Thanks in advance.
Regards George

Hello,

Please remove the Woocommerce Product element and insert Product Grid or Carousel instead: https://gyazo.com/9c6b68282bc2d65e046869f540535842

You can find the elements in the WP bakery page builder chart: https://xtemos.com/docs/basel/shortcodes/

Best Regards

Hello.
I forgot to inform you that this problem is on single product page on Related product view (GRID).

Best Regards.

Hello,

Please, confirm the permission for plugins deactivation, switching to the parent or default theme. This testing may take up to 15 minutes. You would better make the full backup of your site.

Best Regards

Hello.
I confirm the permission for plugins deactivation, switching to the parent or default theme.

Regards
George

Hello,

As soon as I deactivated the plugins and switched to the parent theme the problem disappeared: https://gyazo.com/7a43ba9d9201a97535859a332dfab8ed
Please deactivate all the plugins except these ones:

Contact Form 7
Mailchimp for WordPress
Safe SVG
Slider Revolution
WooCommerce
WPBakery Page Builder
XTEMOS Post Types plugin
Switch to the parent theme

As soon as the problem has gone, activate the plugins one by one, checking the issue to detect which one causes the problem. Finally, activate the child theme and check.

If you have any questions please feel free to contact us.

Best Regards

Hello.

Just try it. Still no luck.

Regards
George

Hello,

Please the related products now. I have switched to the parent theme and deactivated the Woocommerce slider the problem disappeared.

Best Regards

Sorry but the problem not disappeared.
I have tried it on 3 different browsers with cleared history. The product title still is underlined on the left and the size is 15px instead of 12px that I have on Custom CSS.
For some kind of reason some changes on custom css is not take effect until the manual refresh of the page. This problem is taken effect randomly when you browsing the pages and products.
Fo this reason I made some changes directly on theme’s CSS in order to keep it.
I think that something is going with custom CSS.
The changes that I try to make is on
.product-grid-item .product-title a {
font-size: 15px; to 12px

.basel-hover-alt .product-title a {
padding-bottom: 1px; to 0px
border-style: solid; to none
border-color: rgba(0,0,0,0.1); to #fff
}

Best Regards.

Hello,

In this situation are you able to provide us your FTP access so we could troubleshoot it and provide you with a solution?

Best Regards.

Yes, of course.
Here it is.

Best Regards

Hello,

You have custom CSS and you have taken the selector that already exists. Have a look at the screen: https://monosnap.com/file/c4nQBC9ZjhK2J47TxLR19YQpinTSVE

You need to add teg body to your selector.

If you have any questions please feel free to contact us.

Best Regards

[Author]

Posts