Home › Forums › Basel support forum › Narrow Checkout

Narrow Checkout

Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • November 21, 2018 at 3:41 pm #90816

    [email protected]
    Participant

    Hi,

    First, your theme is wonderful. Just wondering how can I make narrower fields in checkout like image attached in order to save some space, I would like not have fields in full width.

    Attachments:
    You must be logged in to view attached files.
    November 21, 2018 at 7:21 pm #90873

    Artem Temos
    Keymaster

    Hi,

    As we can see, you are using some extra plugin that customizes the checkout page and changes this style. You need to contact plugin’s developers for help in this situation since it is not a part of our theme.

    Regards

    November 21, 2018 at 7:55 pm #90893

    [email protected]
    Participant

    Hi,

    Thanks for your quick reply. I have just disabled Woo Commerce Multi step Checkout plugin. Now, that is disabled, could please help me to set Checkout fields in a similar way to image provided?

    November 21, 2018 at 7:57 pm #90896

    Artem Temos
    Keymaster

    Try to add the following code snippet to the Custom CSS area in Theme Settings

    .woocommerce-checkout .woocommerce {
	padding: 0 100px;
}
    November 21, 2018 at 10:46 pm #90912

    [email protected]
    Participant

    Hi Artem,

    It helped me to give better look however, I would like to have some fields in same row like Name and Last Name, is there a way to achieve this?

    November 22, 2018 at 7:19 am #90935

    Artem Temos
    Keymaster

    Hi,

    But they are already in the same row on the checkout page https://gyazo.com/86bbac74ec6c1a261544ef6aa1e57e6e

    Regards

    November 22, 2018 at 3:37 pm #91075

    [email protected]
    Participant

    Hi Artem,

    Thanks for your reply. I mean in mobile they are not in same row. is there any way I can do it in order to save some space. I attach image

    Attachments:
    You must be logged in to view attached files.
    November 22, 2018 at 3:41 pm #91077

    Artem Temos
    Keymaster

    Hi,

    We don’t recommend you to do so because there will not be enough space to place it in one row on smaller devices.

  • Author
    Posts

Tagged: 

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