Return to previous page

Change layout of the checkout field since it looks cluttered

This topic has 4 replies, 3 voices, and was last updated 2 years, 4 months ago ago by Olga Barlow

aurangzebaa

Participant

November 30, 2021 at 11:41

pls tell how to change font style and and make headings bold?
https://ibb.co/grVPGnF

#310360 Copied Theme version: 8.0.10

3 Answers
Rose Tyler

Support staff

November 30, 2021 at 13:24
Hello,

Try to use the next custom CSS code:
```
.woocommerce-billing-fields label {
    font-weight: 600;
    line-height: 2;
}
```
Regards
#310384 Copied
aurangzebaa

Participant

November 30, 2021 at 15:37

pls tell also how to reduce the bold boxes and reduce it to grey boxes.
i have attached a sample. tell me how to make it look like that

https://ibb.co/v3PSs0Q

#310402 Copied
Olga Barlow

Support staff

December 1, 2021 at 13:22
Hello,

You can use Custom CSS
```
.dokan-form-control, input[type=email], input[type=number], input[type=password], input[type=search], input[type=tel], input[type=text], input[type=url], textarea, textarea.form-control, .select2.select2-container--default .select2-selection--single, select {
    border-color: #e1e1e1;
}
```
Regards
#310514 Copied
Tagged: best selling, checkout, cluttered, field, layout, themes, woocommerce
Viewing 4 results - 1 through 4 (of 4 total)

The issue related to '‘change layout of the checkout field since it looks cluttered’' has been successfully resolved, and the topic is now closed for further responses

Change layout of the checkout field since it looks cluttered

Recent Topics

Helpful Topics

Useful links WooCommerce & WordPress

Browse by popular tags:

Explore our best WordPress WooCommerce Themes collection