The 2.6.5 have bug with woo widget

Hi ideatehk,

Can you please clarify WooCommerce widget you’re specifically experiencing issues with?

ideate.hk/shop
Plz use mobile or mobile setting to read it.

You will see have 2 woo-widget in front of shop ui
After shop ui, then have woo-widget in sidebar

first 2 woo-widget are not in sidebar, they are from the row with Page Builder by SiteOrigin in shop page.
You will see I made css for them with color

When I updated to 2.6.5,
the woo-widget search-widget icon broken
the woo-widget product-type color and title area broken( the title BG color will go back the white, and the title is in center, not left)
the woo-widget in sidebar is fine.

I try to use the widget setting from page, but the title still show center, not left. I try to use SiteOrigin CSS to fix it and the bg color.
After I change the woo-widget product-type color and title area
(which in page, row with Page Builder)

Its the css setting from SiteOrigin CSS
.title-heading.text-center {
text-align: left;
background-color: #001e5e;
color: white;
font-size: 16px;
padding: 10px;
}

You can see, it make the effect to all title in page.
It broke all my website widget and title in row of page with Page Builder.

I use back the wordpress backup go back to 2.6.4, then they are all right.

Hi ideatehk,

Did you clear your cache and minify after updating?
Can you please temporarily update so I can inspect the results? I ask because I’ve tried to replicate this issue locally but I haven’t really been able to. That may be due to not knowing exactly how this looks when broken or alternatively, due to the different setups. Sorry about this!

//Did you clear your cache and minify after updating?//
Yes, I tried to clear and close the Breeze, no effect to the bug.

For the woo-search widget since its change by the theme Leto, it maybe has some different. for the woo-product-type, it should be same.

I will update the ver to show the bug to you and I will off my all product selling temporarily first. If you checked, please let me know. I need to turn on them after your check.

You can check ideate.hk/shop in mobile or mobile ui now.
You will see the widget css and area borken.

May I turn back my website now?
Since I turn off the selling for waiting your check.

Hi ideatehk,

Sorry for the delay.

Thanks. This is an issue with how your theme is applying the icons on the search widget (at least that appears to be the case, I can’t know for sure due to the minify). To avoid this issue, please add the following CSS to WP Admin > Appearance > Customize, Additional CSS:

.panel-grid-cell .so-panel.widget_product_search::after {
	content: "\f4a5";
}

How does that look?

Since not only this problem, I think I will turn back the backup first, you will see some different but I no change anything. icon is just one of them.

Hi ideatehk,

That’s fine. I strongly suspect, based on the above issue, that there is a conflict between your theme and the latest version of SiteOrigin Page Builder which is why this is occurring. Oddly, however, the conflicting CSS in Page Builder has been present for quite some time. To clarify, were you previously using SiteOrigin Page Builder 2.6.4 or did you update from a different version?

I used SiteOrigin Page Builder 2.6.4
It was update from wordpress panel and I use SiteOrigin Page Builder is not a short time.

I go back to 2.6.4 by a full backup of wordpess from my hosting.
I did not install your app/plug-in from other place.

woo-widget in row of page problem for my web
woo-search icon broken with theme pack
woo-widget title area (left / center / right)
the Line spacing of woo-widget with other item / widget

Problems found in which they were in row of page with 2.6.5

Hi ideatehk,

Unfortunately, I’ve been unable to replicate this issue on any of my test sites. Would it be possible for you to upgrade one last time, but this time, please disable your minify and caching plugin? This will give me a full picture of your scope to work on the exact cause of this issue. To clarify, based on the lack of general reports of this issue it’s very likely there’s something specific about your setup causing this issue. At this stage I strongly suspect it to be your theme but I’ll know for sure the second I’m able to inspect your site without minifying enabled.

To ensure as little downtime as possible, please reply before proceeding. I’ll reply again to let you know that I’m able to take a look. Once updated and I’ve inspected it, I’ll reply again to let you know you can restore the previous version.

To make this easier, I would consider using WP Rollback to quickly change SiteOrigin Page Builder version.

Hi alexgso

I updated to 2.6.6 and turn off the Breeze (minify and caching plugin).
You can check it anytime.

And I found a different with SiteOrigin CSS
In 2.6.4, if I change the css for widget in row of page.
.widget .widget-title <—-

In 2.6.5/2.6.6, same css for same widget in row of page
.title-heading.text-center <—-

Thanks for your help.

WP Rollback is quite good, thanks for sharing.

Hi ideatehk,

Thanks.

That’s odd. That’s definitely not something we would ever change. I don’t know the exact source of the change, but your theme has special styling for .title-heading so it’s, again, very likely this issue as a result of your theme. The icon is also having issues as a result of theme CSS.

To be honest, at this point, I can say safely that this issue is as a result of your theme. I have no idea why it’s working on 2.6.4 as I’m not too sure how exactly they’re making these changes. I would recommend getting in contact with your the theme developers for assistance with this issue.

Please note that there will be a delay in my response so please consider rolling SiteOrigin Page Builder back until you’ve had a check to talk with the theme developers.

Thank you.