Return to previous page

How to increase the width of - by scorleo

This topic has 12 replies, 4 voices, and was last updated 6 years, 8 months ago ago by Olga Barlow

scorleo

Participant

June 16, 2017 at 18:44

Hi,

How can I increase the width of the ‘Cart Totals’ column? I have shipping rates wrapping around in two to three rows now –> http://prntscr.com/fklqaq

Much appreciated!

Please, contact administrator
for this information.

#165941 Copied

11 Answers

Olga Barlow

Support staff

June 17, 2017 at 10:24

Hello,

Could you, please, enable shipping methods because I can’t check the issue on your site to help you?

Regards

#165957 Copied

scorleo

Participant

June 23, 2017 at 04:52

Hi,

Shipping method is already enabled, you need to click on the link ‘Calculate Shipping’ and enter valid state and zip code, for e.g. NJ 07001.

Thanks!

#166231 Copied

Amzy Leel

Participant

June 23, 2017 at 05:39

I am seeing this http://prntscr.com/fn4lh5
how to get the options that you show in your screenshot?

#166234 Copied

scorleo

Participant

June 23, 2017 at 13:05

Hi Amy,

Steps to recreate: 1) Add and item to the cart, 2) click View Cart, and, 3) Click Calculate Shipping

Thank you!

#166285 Copied
Rose Tyler

Support staff

June 26, 2017 at 08:45
Hello,

Sorry for the delay.
Please try to add this code in Theme Options > Styling > Custom css:
```
.woocommerce-cart .cart_totals th {
    width: 70px;
}
```
Regards
#166395 Copied
scorleo

Participant

June 26, 2017 at 13:32

Thanks Rose!

It worked for most rows except one, I increased the width to 85 pix to accommodate one row that’s wrapping but that doesn’t seem to work.

#166428 Copied
Rose Tyler

Support staff

June 26, 2017 at 13:44
Hello,

Please set 60px, and also use this code:
```
.shipping label {
    font-size: 0.8em;
}
```
Regards
#166429 Copied
scorleo

Participant

August 10, 2017 at 17:05

Hi there,

Sorry, I need to re-open this case. Looks like for some reason, maybe the coupon code or something else, I still have the same issue before and the shipping options are wrapping around in 2 or 3 lines.

http://prntscr.com/g6v64b

I see that row has three columns and it uses col-md-4 class. Is there a way to reduce the width of the first and/or second columns so the third column, carts total has little more wiggle room to accommodate lengthy shipping options?

Thanks,
Fz All

#169822 Copied Theme version: Xstore 1 with child theme

Olga Barlow

Support staff

August 11, 2017 at 18:04

Hello,

If you want to change the cart layout copy xstore/woocommerce/cart/cart.php file into child theme and edit.

Regards

#169911 Copied

scorleo

Participant

August 12, 2017 at 17:39

Thanks Olga!

But if I do this, will I need update this php every time there’s a theme update?

Thanks again!

#169939 Copied

Olga Barlow

Support staff

August 14, 2017 at 16:49

If you do changes in child theme you won’t need to update file after every theme update. Only when file version will be changed, as a rule after WC plugin updates (it’s not very often) and you’ll see the notice that this file is out of date. In this case you just need to compare 2 files and add the missing code to your child theme file.

Regards

#170033 Copied
Viewing 12 results - 1 through 12 (of 12 total)