Variable product

Hello , I’m experiencing an appearance issue in variable product pages. The “Clear” button (class reset_variations) currently appears misaligned next to the dimensions dropdown menu. Ideally, I would like the “Clear” button to appear in a more standard layout — either aligned next to the dropdown or integrated within it as an option.

I’ve tried some custom CSS adjustments but haven’t achieved the desired appearance. Could you assist with guidance on aligning the “Clear” button more seamlessly with the dropdown or embedding it as an option within the dropdown menu?

Screencast that shows the issue: https://drive.google.com/file/d/1mwNkD75s-nIoI_cadNRXueV9m_lTnznv/view?usp=drivesdk

Thanks you

Hi jeremb5,

Thanks for reaching to us.

Please add the below Custom CSS code to Theme Settings > Custom CSS > Global Custom CSS:

table.variations .label.cell {
	padding-right: 10px;
}

table.variations .value.cell select {
	max-width: 220px;
	margin-right: 5px;
}

Regards,

Thanks, it worked.

Hi jeremb5,

Glad to hear your issue has been resolved. Keep us in mind for future questions and concerns, we’re always here to help!

If you have a quick minute we always appreciate a 5-star rating on our theme!

https://themeforest.net/item/woodmart-woocommerce-wordpress-theme/reviews/20264492

Your feedback is the motivation to improve our work and services.

Regards,

[Author]

Posts