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

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

  • Avatar: andre@nuhouse.ie
    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

    5 Answers
    Avatar: Robert Hall
    Robert Hall
    Support staff
    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.

    Avatar: andre@nuhouse.ie
    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

    Avatar: Robert Hall
    Robert Hall
    Support staff
    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.

    Avatar: andre@nuhouse.ie
    Andre
    Participant
    July 7, 2015 at 13:20

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

    Avatar: Eva
    Eva Kemp
    Support staff
    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.

  • Viewing 6 results - 1 through 6 (of 6 total)

You must be logged in to reply to this topic.Log in/Sign up

8theme customization service
We're using our own and third-party cookies to improve your experience and our website. Keep on browsing to accept our cookie policy.