Home Forums Basel – Premium Template Shopping basket & Checkout

Shopping basket & Checkout

Viewing 13 posts - 1 through 13 (of 13 total)
  • Author
    Posts
  • #374391

    Tuomo
    Participant

    Hi there,

    Is there a possibility have the shipment “balls” in front of a longer text?
    I have circled the longer texts in the pictures.

    Attachments:
    You must be logged in to view attached files.
    #374448

    Elise Noromit
    Keymaster

    Hello,

    Please insert the site admin access into the Private content below the message area. We will take a closer look at the case.

    Best Regards

    #374485

    Tuomo
    Participant

    Here you go:

    #374721

    Elise Noromit
    Keymaster

    Hello,

    Please add this code to the Theme Settings > Custom CSS > Global:

    #shipping_method label {
        font-size: 12px;
    }

    Best Regards

    #374797

    Tuomo
    Participant

    Thanks for this!
    Is there a possibility to widen the “td” or the “ul#shipping_method.woocommerce-shipping-methods area as in the first picture (shoppingbasket1) you can see?
    The “th” (shoppingbasket2) area could be narrower.
    Example the “td” or the ul#shipping… area could be 2/3 of the whole size and the “th” area could be 1/3 of the size.

    Attachments:
    You must be logged in to view attached files.
    #374886

    Elise Noromit
    Keymaster

    Hello,

    Unfortunately, table markup does not allow this.

    If you have any questions please feel free to contact us.

    Best Regards

    #375017

    Tuomo
    Participant

    Okay, thank you for this information!

    #375019

    Tuomo
    Participant

    Is there any other way to change those measurements?
    Shoul I ask from “table markup” creators how this could be fixed by some way?

    #375050

    Elise Noromit
    Keymaster

    Hello,

    HTML structure does not allow solving it by custom CSS, unfortunately. Such modification requires complicated Woocommerce code customization which is not covered by our support.

    Best Regards

    #375748

    Tuomo
    Participant

    Hi Elise,

    WooCommerce gave me these instructions.
    So how should I put these work in css?

    Have you tried table-layout: fixed; ? Then you can set the width of the first cell as you like, a css selector such as table tr td:first-child will do the job.

    #376041

    Elise Noromit
    Keymaster

    Hello,

    Table markup is quite limited in options to customize with CSS. You would better reduce font size a bit.

    If you have any questions please feel free to contact us.

    Best Regards

    #376935

    Tuomo
    Participant

    I made these fixes and it looks good now:

    .cart-collaterals .cart_totals table th {
    text-align: left;
    font-size: 14px;
    width: 15%;
    }

    .woocommerce-checkout-review-order-table th {
    width: 20%;
    }

    .cart_item .product-name {
    width: 15%;
    }

    #377322

    Elise Noromit
    Keymaster

    Hello,

    We are glad you have solved the issue with the checkout.

    If you have any questions please feel free to contact us.

    Best Regards

Viewing 13 posts - 1 through 13 (of 13 total)