Woocommerce Add to Cart – Variations Field

[Andres]

Hi guys!

I have my web with Woocommerce, Elementor Pro and GP Premium. I use variable products.
When I use the Elementor add to cart widget, I cant center the variations field.

I can do that with Hello Theme, but I cant figure out how to do the same using GP.

Any ideas?

Thank you!
Best regards

[David]

Hi there,

can you share a link to a variable product where i can see the issue ?

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[Andres]

Hi David,

The link was in the website field of the post.

You can see here: https://bitacorasdeviaje.com/viajes/caja-de-ahorro-viajera/

Thank you!

[David]

aah – didn’t spot that lol

Can you disable autoptimize so i can see what the issue is

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[Andres]

Sorry David! Autoptimize disabled

[Leo]

Have you checked with Elementor’s support on this?

Looks like Elementor is controlling the position.

Let me know 🙂

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[Andres]

Hi Leo!

They told me to check with the theme. When I switched to Hello Theme, its works fine.

[Leo]

I really don’t see what GP is controlling here? Elementor often blames the theme when they can’t solve the question.

The Hello theme isn’t a standard theme to test.

Can you test it with a WordPress twenty series default theme?

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[Andres]

Hi Leo,

I tested with Twenty Twenty and it works fine.

Here is the web with Twenty Twenty:
https://staging-bitacorasdeviaje.kinsta.cloud/viajes/caja-de-ahorro-viajera/

And here with GP:
https://bitacorasdeviaje.com/viajes/caja-de-ahorro-viajera/

[Leo]

I believe your custom CSS is causing the issue:
https://www.screencast.com/t/bI9vzX68

I don’t see this CSS in the twenty twenty set up?

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[Andres]

You are right! Before, I deleted that code, but didn’t delete the cache, so I didnt see the change.
Sorry for all the trouble Leo.

Thank you!

[Leo]

No problem 🙂

Just a note, our confidence level is usually pretty high when we say it’s not a theme issue – especially when the content is from a page builder.

And when Elementor support blames the theme, it usually means that they don’t know what the issue is.

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[Author]

Posts