I need help with my checkout page

Hey, I need help with my checkout page, it looks to cheap, I want payment and delivery method choose like this in the picture, please can you help me with this ?

Attachments:

You must be logged in to view attached files.

Hello,

You can customize the Checkout page by using our Layout builder in Dashboard -> Layouts, or add an already created layout via Dashboard -> Layouts -> Add new. https://take.ms/NTstn

Check our article on how to create a layout for the Checkout page – https://xtemos.com/docs-topic/checkout-page-builder/

Kind Regards

I need help with add quantity, In my site – zahradnestroje.sk i have add quantity with green frame, but i want style like in the photo with the red, but turn color to greeen
Thank you so much

Attachments:

You must be logged in to view attached files.

Hello,

Use the code below for help:

.wd-product div.quantity input[type=button] {
    border: 0;
}

.wd-product div.quantity input[type=number] {
    border-left: var(--wd-form-brd-width) solid var(--wd-form-brd-color);
    border-right: var(--wd-form-brd-width) solid var(--wd-form-brd-color);
    
    border-radius: 5px;
    background-color: var(--wd-form-brd-color);
    color: #fff;
}

The color of the border change in Theme Settings -> Styles and Colors -> Forms – https://take.ms/QlGWQ

Kind Regards

in the notebook is working but in the phone it is not working

Hello,

It’s a cache issue because via the admin panel the code above works – https://take.ms/FwOq0, clear the mobile/browser/server cache.

Kind Regards

But when I click on the shop, it show me customized button like on the photo 1, but when i click more and open same category, it shows me basic button like in the photo 2

Attachments:

You must be logged in to view attached files.

Hello,

Replace the previous code with the below one, clear the mobile/browser/server cache and recheck the issue.

body .wd-product div.quantity input[type=button] {
    border: 0;
}

body .wd-product div.quantity input[type=number] {
    border-left: var(--wd-form-brd-width) solid var(--wd-form-brd-color);
    border-right: var(--wd-form-brd-width) solid var(--wd-form-brd-color);
    
    border-radius: 5px;
    background-color: var(--wd-form-brd-color);
    color: #fff;
}

Kind Regards

[Author]

Posts