Docs

[JamesZL]

Hi

1. How do I customize the color of each fields “title-text” on the checkout page? (I would like to change it from dark-grey to white – like Name, Last Name, Address etc.)

2. How do I center the checkout form? It seems it’s only centered on iPad & mobile viewport

3. On Mobile view, the Title on the checkout page, “Faktueringsoplysninger” is out of the frame.
Is there a way to manually change the text? Or to somehow make it not go out of the screen?

Thank you!

[JamesZL]

This reply has been marked as private.

[Lely]

Hi James,

1.) Please add the following CSS on Appearance > Customize > Custom > Edit Global CSS:

.woocommerce-checkout form.checkout label {
    color: white;
}

2.) The space on the right is for sidebar but you don’t have widgets. Go to Appearance > Widgets > Main Sidebar to add content. Or disable it on Appearance > Customize > Layout and Design > Content Layout: Choose Fullwidth

3.)We can adjust font size:

@media (max-width:480px){
.woocommerce-checkout form h3 {
    font-size: 15px;
}
}

Adjust 15px accordingly.

Hope this helps.

[JamesZL]

Hi

It worked great!

The bottom of the checkout with the price and product is still dark-grey.

How do you change the color of that too?

[Lely]

Hi James,

Please use this:

.woocommerce-checkout form {
    color: #ffffff;
}

Cheers!

[JamesZL]

Awesome, thank you!

[Prasant Rai]

You are most welcome. 🙂

[Author]

Posts