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