Customizing the Product

[patstar1232]

Hi there,

I would like to customize the size of the buttons to be of the same length.

Secondly, I would like the Quantity text to be in line with the other options as the quantity box is now out of line.

[patstar1232]

Also to get hover text to be of different color

[patstar1232]

And how do I hide the SKU text?

[rad]

Hi Patrick,

Thanks for reaching out.

Please check this https://businessbloomer.com/woocommerce-hide-sku-front-end/ for hiding SKU.

And please note we don’t provide customization here, but you can check here about CSS and selectors that will help you with your preferred styling. https://www.youtube.com/watch?v=V2aAEzlvyDc, https://wordpress.com/dailypost/2013/07/25/css-selectors/

For example, aligning buttons of same length,

.single_add_to_cart_button {
    width: 100%;
}

But aligning the quantity and text is not possible, the quantity box belongs to button container, and the text belongs variation container, they are on different containers hence they will not align. It’s default Woocommerce layout and would require template customization if you wish to alter it.

Usually, quantity aligns with the button, the add cart button, that’s why it’s not in full-length to give space for quantity box. But you have other buttons that are also causing the misalignment. For this, you would really need custom-coded template in which we can’t provide here in the forum.

Thanks!