Return to previous page

Align-vertical: middle for Add to Cart and Add to wishlist on single product pag

This topic has 4 replies, 2 voices, and was last updated 6 years, 11 months ago ago by Rose Tyler

mattiash

Participant

December 26, 2017 at 10:22

Hi,

I have changed the size and the styling on my buttons on the single product page.
I found that I can adjust the button size and font size to make it match on the Add to Cart button. On the Add to Wishlist button the text still seems to have a vertical-align to the top.
I tried to apply vertical-align:middle for both classes but I can’t get it to work.
It’s possible I am not applying the class to the text but to the button but I’m not sure.
Please advise how I can achieve identical button size and text.

Thank you

Please, contact administrator
for this information.

#180696 Copied

3 Answers
Rose Tyler

Support staff

December 26, 2017 at 11:30
Hello,

Please try to delete these parts of your custom code https://prnt.sc/hsdled https://prnt.sc/hsdlmv and add this one:
```
.single-product-page .product-info .single_add_to_cart_button, .woocommerce .add_to_wishlist.button.alt {
  height: auto !important;
  padding: 11px 20px !important;
  line-height: 1 !important;
  font-size: 16px !important;
}
```
Regards
#180702 Copied
mattiash

Participant

December 31, 2017 at 10:04

That worked very well, thank you.

#180867 Copied

Rose Tyler

Support staff

January 2, 2018 at 09:23

You’re welcome!
Have a nice day.

Regards

#180906 Copied
Viewing 4 results - 1 through 4 (of 4 total)

The issue related to '‘Align-vertical: middle for Add to Cart and Add to wishlist on single product pag’' has been successfully resolved, and the topic is now closed for further responses

Align-vertical: middle for Add to Cart and Add to wishlist on single product pag

Recent Topics

Helpful Topics

Useful links WooCommerce & WordPress

Browse by popular tags:

Explore our best WordPress WooCommerce Themes collection