CSS issues since your last major update

Hello,

We are having issues with our custom CSS since your last major update. For some reason Woodmart is no longer applying some of the CSS which we enter into the custom CSS area (in Woodmart settings).

Here are 2 examples:

1. Our shopvote graphic (see image attached) is no longer aligned properly. We have the following CSS in the “Custoom CSS for desktop” and it no longer is being applied. However if I add the same CSS to Appearance > Customize > Additional CSS it works 100% without issues.

#svimage-51 {
padding-left: 5vw;
}

2. Our Payment and Secure SSL Encryption graphics (see image attached) now display far too big and are not constrained (they expand to 100% of the footer block layout). If I turn off “Lazy Loading” in the Woodmart settings then they return to their normal size. However we would like to use Lazy Loading on our website. This was not an issue before. It seems with Lazy Loading you are not prioritizing the CSS.

Also, if we turn off Lazy Loading, these two graphics are not center aligned but left aligned. We center align them in the HTML block settings, but again this setting seems to be ignored.

I have added the shop link in the private area. Please do not post it in the public area.

Thank you

Attachments:

You must be logged in to view attached files.

Hello,

Please, provide us your admin access so we can log in and check this on your side.

Thank you in advance.

Hello,

Thanks for your reply. Please be careful and professional about what you do on the back-end. This is a live site with traffic.

I have given you credentials in the private content.

We have logged on your site, but admin access that you provided dint have access to the site backend. To check your issues we need access to the WordPress Dashboard.

Kind Regards

Sorry – please try again

1. In our 6.0 update we have changed style class prefix form “.woodmart-” to “.wd-” along with several other class name changes listed in the following table. But following changes can affect only Woodmart theme elements that is added directly by our theme. Our theme can’t influence default WPBakery “Raw HTML” in which your “shopvote” image is placed, since this element it not a part of our theme and there was are no changes applied to it in recent update.

We have checked your site custom code and didn’t find any custom code that was applied to footer “Raw HTML”, if there is one, please tell us which code is not working, and we will fix it. If your primary goal was to place an image in the center of the footer column try to add “text-center” class to extra class section in the footer “Raw HTML” element like shown on the screenshot (https://prnt.sc/12u5reu).

2. Your footer “secure” image is placed via WPBakery Single image element, but you have disabled this element styles in the WPBakery CSS generator (https://prnt.sc/12u6by1). Try to enable it and regenerate WPBakery styles.

Kind Regards

That’s great. Many thanks. Your suggestions have fixed both of those problems.

However we still have the problem that a lot of CSS in the “Woodmart Custom CSS” area is not being applied.

Here is another example below. We added this CSS so on the home page the shop category titles are smaller on mobile. We added it to the Woodmart “Custom CSS for mobile” section. However it is no longer being applied (it use to work) but strangely works if we add by the WP Customizer. Why does it not work within Woodmart?

body .category-grid-item .wd-entities-title {
font-size: 12px;
}

There is error in your previous custom code in Global Custom CSS section. Brace missed in the end (https://prnt.sc/12uahvo). If your custom CSS contain error all other code located below will not be applied.

Kind Regards

Hi Bogdan,

Many thanks and very well done. I would not have spotted that!
Really appreciated.

You are welcome!

[Author]

Posts