Return to previous page

Button styling - by andreataylor - on WordPress WooCommerce support

This topic has 6 replies, 3 voices, and was last updated 8 years, 9 months ago ago by Stan Russell

andreataylor

Participant

July 22, 2015 at 13:22

Hi there,

Not sure that this is a question for the support forum, but I wanted to ask..

We have 2 buttons on a single product page, ‘Enquire’ and ‘Add to Bag’. However, they appear stacked one on top of the other i.e. no whitespace in between, and the ‘Enquire’ button is smaller in height than the ‘Add to Bag’ button. I wanted to ask how I could both put a couple of pixels whitespace in-between the buttons and make the ‘Enquire’ button the same height as the ‘Add to Bag’ button. As I say, not sure this is a question for support, but hoping it is!

Best wishes, Andrea

#76451 Copied Theme version: 2.7.1 WooCommerce version: 2.3.9

5 Answers
Eva Kemp

Support staff

July 22, 2015 at 15:19
Hello,

Please add this code in custom.css file:
```
.single-product-page .product-info .single_add_to_cart_button {
    margin-top: 10px !important;
    height: 40px !important;
}
```
Regards,
Eva Kemp.
#76509 Copied
andreataylor

Participant

July 22, 2015 at 16:51

Many thanks Eva. That looks much better!

Is the corresponding ‘Add to Bag’ button on the Quick View a different type weight? I think it is. Can it be the same weight? Also, is it possible to have the ‘Add to Wishlist’ button aligned with the ‘Add to Bag’ button on both the single product page – as it is now – AND the Quick View where it is dropping down?

NB: the ‘Add to Wishlist’ label below the icon/button doesn’t appear on the Quick View, not sure if that’s a bug or just the way it is?

#76542 Copied
Eva Kemp

Support staff

July 23, 2015 at 15:43
Hello,

Please add this code in custom.css file:
```
.quick-view-popup .wishlist-btn-container.with-styles .add_to_wishlist {
    margin-top: -4px !important;
}
```
“Add to Wishlist” label isn’t supposed to be viewed in quick view window. You can check it on our demo site https://www.8theme.com/demo/legenda/ . It’s not visible there too.

Regards,
Eva Kemp.
#76751 Copied
andreataylor

Participant

July 25, 2015 at 22:38

Many thanks Eva!

#77012 Copied

Stan Russell

Participant

July 27, 2015 at 08:34

Hello,

you are welcome!

Regards,
Stan Russell.

#77113 Copied
Viewing 6 results - 1 through 6 (of 6 total)