New Landing › How can we help? › Atelier › Checkout shipping boxes width

Viewing 4 posts - 1 through 4 (of 4 total)
  • Back to forum
    Posted in: Atelier
  • November 18, 2016 at 2:35 pm #302514
    tkhong
    Member
    Post count: 35

    Hi,
    The shipping option boxes look very compressed, while there is space for them to extend out.
    Please see attached screenshot.

    Attachments:
    You must be logged in to view attached files.
    November 18, 2016 at 4:59 pm #302535
    Rui Guerreiro – SUPPORT
    Keymaster
    Post count: 25779

    Hi,

    You can add this.

    .shipping td:nth-child(2) {
    width: 50%;
}

    The only problem is that will affect the content above, this is made with html tables and all that content is inside 1 table.

    -Rui

    November 23, 2016 at 11:40 pm #303322
    tkhong
    Member
    Post count: 35

    No worries, I found the CSS to adjust the shipping options:

    .woocommerce ul#shipping_method li {
    text-indent: -22px;
    }

    I changed mine to:
    .woocommerce ul#shipping_method li {
    text-indent: 80px;
    }

    November 24, 2016 at 9:15 am #303358
    Rui Guerreiro – SUPPORT
    Keymaster
    Post count: 25779

    Great. Thanks for sharing.

    -Rui

  • Back to forum
    Posted in: Atelier
Viewing 4 posts - 1 through 4 (of 4 total)

You must be logged in and have valid license to reply to this topic.

License required for one of the following items
Login and Registration Log in · Register