Return to previous page

Align and resize the Cart buttons - by Blackbeard

This topic has 14 replies, 3 voices, and was last updated 6 years, 8 months ago ago by Rose Tyler

Blackbeard

Participant

February 7, 2018 at 20:54

Hi, after the new Woocommerce update I’m slightly lost in the CSS settings.

1. How to reduce the size of Add to Cart buttons?
2. How to align them nicely in the same line?

Screenshot: http://prntscr.com/ibjwmz

#184308 Copied

13 Answers

Rose Tyler

Support staff

February 8, 2018 at 09:35

Hello,

Please update theme to latest version https://www.8theme.com/documentation/xstore/theme-installation/theme-update/ and update all required plugins https://www.8theme.com/documentation/xstore/plugins/plugins-update/
Then provide us with your website URL so we can take a closer look.

Regards

#184354 Copied

Blackbeard

Participant

February 8, 2018 at 18:08

Thanks for your reply.

My theme is the lastest 4.18 version, and all the plugins are up to date. URL:

Please, contact administrator
for this information.

#184515 Copied
Olga Barlow

Support staff

February 8, 2018 at 19:03
Hello,

1) To fix ad to cart button add the following code in custom CSS
```
.content-product .button {
    line-height: 1.2;
}
```
2) As I can see you have aligned items. Do you need any other assistance from our side?

Regards
#184534 Copied
Blackbeard

Participant

February 8, 2018 at 22:05

That worked, thank you.

#184543 Copied

Rose Tyler

Support staff

February 9, 2018 at 08:09

Hello,

You’re welcome!

Regards

#184552 Copied

Blackbeard

Participant

February 25, 2018 at 11:28

Hi,

I’d like to solve a couple of issues regarding the alignment again:

1. How to make sure that the price reacts to the number of lines of the product name and always appears nicely just below the name? http://prntscr.com/ijgai1
2. How to reduce the empty space between the price and the cart button?

Thanks!

Please, contact administrator
for this information.

#186225 Copied

Rose Tyler

Support staff

February 26, 2018 at 10:53

Hello,

Delete or change this your custom css code:
https://prnt.sc/ijunqk https://prnt.sc/ijunx2

Regards

#186289 Copied

Blackbeard

Participant

February 28, 2018 at 21:40

Thanks, Rose, it worked, except for the cart button. Can you also help me align it? http://prntscr.com/il2z5c

#186749 Copied

Rose Tyler

Support staff

March 1, 2018 at 10:50

Hello,

https://prnt.sc/ilamx7 Is there anything else I can help you with?

Regards

#186789 Copied

Blackbeard

Participant

March 8, 2018 at 23:53

Yet another question about button alignment: http://prntscr.com/ioox2p

How to place those nicely at the centre, below the price?

Thanks! 🙂

Please, contact administrator
for this information.

#187623 Copied

Rose Tyler

Support staff

March 9, 2018 at 10:22

Please see screenshot https://prnt.sc/iotqwr

Regards

#187666 Copied

Blackbeard

Participant

March 9, 2018 at 21:18

Aah very easy, thanks! Very thankful for the prompt replies 🙂

#187766 Copied

Rose Tyler

Support staff

March 12, 2018 at 08:55

You’re welcome!

Regards

#187843 Copied
Viewing 14 results - 1 through 14 (of 14 total)