Return to previous page

Shipping options display - by therocks36

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

  • Avatar: therocks36
    therocks36
    Participant
    October 29, 2015 at 16:37

    In our cart we would like to have the radio button for shipping display on the right side of the text, can you provide us some CSS to do that?

    http://www.dirtnroad.com/cart/

    We would like to show options like that: http://www.dirtnroad.com/wp-content/uploads/radio_shipping.jpg

    Thanks.

    Please, contact administrator
    for this information.
    #96809 Copied Theme version: 2.5 WooCommerce version: 2.4.7
    3 Answers
    Avatar: Eva
    Eva Kemp
    Support staff
    October 29, 2015 at 17:47

    Hello,

    Please use this code in Theme Options > Custom CSS > Custom CSS for desktop:

    .cart-collaterals #shipping_method label {
    display: inline;
}
label > span.amount {
    padding-right: 12px;
}

    Regards,
    Eva Kemp.

    #96824 Copied
    Avatar: therocks36
    therocks36
    Participant
    October 29, 2015 at 18:03

    It displays the radio button left of the text but that’s very good for us.

    Thank and have a good day.

    #96834 Copied
    Avatar: Eva
    Eva Kemp
    Support staff
    October 29, 2015 at 20:43

    Hello,

    You’re welcome.

    Have a good day too.

    Regards,
    Eva Kemp.

    #96868 Copied
  • Viewing 4 results - 1 through 4 (of 4 total)

The issue related to '‘Shipping options display’' has been successfully resolved, and the topic is now closed for further responses

8theme customization service

Useful links WooCommerce & WordPress

Unleash your online potential

Explore our best WordPress WooCommerce Themes collection

lazy-placeholder
Poster – WooCommerce Theme
lazy-placeholder
Spa – WordPress WooCommerce Theme
lazy-placeholder
WooPress Fullwidth
lazy-placeholder
Games Dark – WordPress WooCommerce Theme
lazy-placeholder
Underwear Store – WordPress WooCommerce Theme
lazy-placeholder
Jewelry Store – WordPress WooCommerce Theme
lazy-placeholder
Engineer Store – WordPress WooCommerce Theme
lazy-placeholder
Marseille04 – WordPress WooCommerce Theme
lazy-placeholder
Flowers Store – WordPress WooCommerce Theme
lazy-placeholder
Ecotransport Store – WordPress WooCommerce Theme

See All Templates

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