Checkout page to become more visually compact

guro
Topic Author
Offline

1 year 8 months ago #365535 by guro

Checkout page to become more visually compact was created by guro

-- HikaShop version -- : 5.0.3
-- Joomla version -- : 4.4.3
-- PHP version -- : 8.1

HI,

I would like to modify the checkout page to become more visually compact like a shopify page - I don't want to change the order of things like shopify. I have attached to you two images, one of my hikashop site and one from shopify.

May you can give me some suggestions in CSS? At the moment it is so spread out it is a little unpleasant.

Best regards,
Dimitris

Please Log in or Create an account to join the conversation.

nicolas
Offline

1 year 8 months ago #365536 by nicolas

Replied by nicolas on topic Checkout page to become more visually compact

Hi,

You can restrict the width available to make it more compact:

Code:

div#hikashop_checkout {
    max-width: 600px;
    margin: auto;
}
.hikashop_checkout_login .hkc-lg-8 {
    width: 100%;
}
.hikashop_checkout_login .hkc-lg-4 {
    width: 350px;
    margin: auto;
}

This results in this:
imgur.com/a/Vo3c1UM

The following user(s) said Thank You: guro

Please Log in or Create an account to join the conversation.

Time to create page: 0.109 seconds