Return to previous page

Delivery Button beside text - by Andre - on WordPress WooCommerce support

This topic has 6 replies, 3 voices, and was last updated 10 years, 5 months ago ago by Eva Kemp

Andre

Participant

July 7, 2015 at 11:03

Hello my customers are selecting the wrong options when they are selecting their delivery method.

The buttons being above the txt is slightly misleading to my customers.

Is there any way to get the text to appear to the left of the button & the button on the right?

See snapshot here: http://prntscr.com/7psajn

#73632 Copied

5 Answers
Robert Hall

Participant

July 7, 2015 at 12:20
Hello,

Try to use the following code in custom css

.shop_table .shipping th { width: 80px; } .content #shipping_method{ padding-left: 0px; }

Regards,
Robert Hall.
#73661 Copied
Andre

Participant

July 7, 2015 at 12:42

Thanks Robert that worked fine on the desktop version of the site.

I wanted to check that it worked fine on mobile also, but when i went to my mobile device & made a purchase it doesn’t have any delivery options there?

I took out the custom CSS but it still didn’t make a difference, could you please have a look at this for me please?

http://prntscr.com/7pt8b5

#73666 Copied Theme version: Latest WooCommerce version: Latest
Robert Hall

Participant

July 7, 2015 at 12:54
I’ve added the following code in Global Custom CSS and the delivery options working fine in mobile device.
Please clean cache and check.
See screenshot: http://prntscr.com/7ptd11

#shipping_method label{ display: initial; }

Regards,
Robert Hall.
#73669 Copied
Andre

Participant

July 7, 2015 at 13:20

Robert i have just tried that on both ipad & iphone & it still isnt there?

#73672 Copied

Eva Kemp

Participant

July 8, 2015 at 11:47

Hello,

You’ve enabled “Hide shipping costs until an address is entered” in Woocommerce > Settings > Shipping tab and to show delivery cost you have to fill in billing address at first, so try to do this or disable this option and check the Checkout page after that.

Regards,
Eva Kemp.

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