How to change checkout form design to something more minimal?

Technical
, ,
1

Hey guys, I want to change from the default payment form in Funnelish to a more user-appropriate design.

image
image631×337 17.4 KB

I uploaded a screenshot of what I want my checkout to look like. Can I get some guidance on how this would be possible?

2

hi @banshii.admin

the design we currently have already minimal.

to make same design you will need to add custom css.

thank you

3

How can I accomplish that custom css?

4

That’s very easy you can accomplish by learning. or you can apply following CSS:

.payment-form .pf-option .pf-header {
    background-color: #f8f8f8;
}
.payment-form .pf-option .pf-content {
    background-color: #f8f8f8;
}
.payment-form .pf-option .pf-content {
    font-size: 15px;
    font-weight: bold;
}
.payment-form .field__input--iframe-container {
    box-shadow: 0 0 0 1px #d9d9d9, 0 0 2px 1px rgb(56 54 54 / 12%), inset 0 0 1px 0 #fff;
}

@banshii.admin try this.