- This topic has 7 replies, 2 voices, and was last updated 3 years, 4 months ago by
.
-
Posts
-
Hi,
I noticed the the sales badge looks different than I want it to on the single product page.The badge is round and blue (changed it with Elementor on the products archive page), but square and black on the single product page and there is no way to customize it with Elementor on the single product page.
Is there a way to synchronize the sales badge designs, so it looks the same on both pages?
Thanks
Customer Support
Hi there,
Since both of those pages are basically built with Elementor, have you checked with their support team to see if they are able to help first?
I haven’t checked yet, but in the Elementor editor it says, something like: The style of this widget is often influenced by your theme or plugins, thats why I asked here first.
I watched an Elementor tutorial video (they were using the Hello Elementor Theme) and the Sale Badge looked the same on the single product page, thats why I thought GP is causing this issue.
You can try this CSS:
.woocommerce .elementor-widget-woocommerce-product-images span.onsale { padding: 0; font-weight: bold; border-radius: 100px; min-width: 0px; min-height: 40px; line-height: 40px; right: auto; background-color: var( --e-global-color-accent ); left: 0; margin: 8px; }Please note that the selector already has
.elementor-widget-woocommerce-product-imagesso I’d assume Elementor has the ability to change the style just like it did on shop page.Hi,
the CSS works, but its not synchronized, meaning whenever I want to change the style of the sales badge, I have to mess with the CSS.Furthermore, I deactivated GP Premium (because it was causing issues in the past and everything was normal. The style of the sales batch was round and synchronized across all product archive pages and on the single product page.
For some reason GP Premium changes the style and makes the sales badge rectangluar.the CSS works, but its not synchronized, meaning whenever I want to change the style of the sales badge, I have to mess with the CSS.
It’s not possible to make CSS “synchronized” in two different places unfortunately.
For some reason GP Premium changes the style (at least on the single product page) and makes the sales badge rectangluar.
The WooCommerce module in GP Premium does add a bit of style to WooCommerce elements. Since you are using Elementor to design everything, you can just turn off the WooCommerce module:
https://docs.generatepress.com/article/installing-gp-premium/#activate-your-modulesI see. Yes, when I deactivate the Woocommerce module, the sales badge problem gets fixed. The problem is, everything else changes and there are some things in Woocommerce, I can only change in the theme options and unfortunaley I can’t design everything with Elementor.
It would be best, if I could only deactivate the added style for the sales badge, without deactivating the whole module.
It would be best, if I could only deactivate the added style for the sales badge
CSS is the only solution for this unfortunately.
- You must be logged in to reply to this topic.
