Return to previous page

Bold headers in checkout like in xstore.

This topic has 12 replies, 3 voices, and was last updated 3 months ago ago by Andrew Mitchell

hafunerix

Participant

August 13, 2024 at 16:51

I would like to have bold headers in checkout like it is in your demo:

https://postimg.cc/cKk2bGNW

And on my site it looks like this:

https://postimg.cc/G4cf3mLr

#410121 Copied

11 Answers
Rose Tyler

Support staff

August 14, 2024 at 11:13
Hello Hafunerix,

Thank you for reaching out to us.

You can use custom CSS code, for example:
```
.etheme-cart-checkout-accordion.active .accordion-title,
.cart-order-details .order-review .step-title, 
.etheme-cart-checkout-accordion .accordion-title {
    font-family: "Outfit-Bold", Sans-serif;
    font-size: 24px;
    text-transform: capitalize;
}
```
https://www.8theme.com/documentation/xstore/additional-customisation/optimal-placement-for-custom-css-code/
or use the builder for checkout page – https://prnt.sc/9Vrr1RG3E8n_
https://www.8theme.com/documentation/documentation/xstore-builders/xstore-checkout-page-builder-with-elementor/

We hope this information is helpful.

Best Regards,
8Theme’s Team
#410192 Copied
hafunerix

Participant

August 21, 2024 at 20:24

Tjank you for this code. Unfortunately this doesn’t look good:

https://postimg.cc/N9YMkc4K

Can you give me the CSS code for the Poppins font and the font weight parameter – let’s say weight=700 ?

THX

#411062 Copied
Rose Tyler

Support staff

August 22, 2024 at 09:08
Hello Hafunerix,

In this case, edit the previously provided code according to your needs, for example:
```
    font-family: "Poppins", Sans-serif;
    font-weight: 700;
```
Read more – https://www.w3schools.com/css/css_font.asp

If you have any additional questions or concerns, please do not hesitate to reach out to us. Our support team is always available to assist you.

Best Regards,
8Theme’s Team
#411117 Copied
hafunerix

Participant

August 23, 2024 at 10:58

That was simple. Thank you.

I noticed one problem with the coupon add button and the first heading “1. Billing details”.

When I am logged in, both of these elements are correctly arranged on one line. See what I mean:

https://postimg.cc/cr2zxWnt

However, when I am not logged in, both the coupon field and the coupon button are not on one line.

The same applies to the first heading “1. Billing details”:

https://postimg.cc/Sj7QYZrK

Do you know what can cause such a displacement?

#411308 Copied

Rose Tyler

Support staff

August 23, 2024 at 12:31

Hello, Hafunerix,

Solved. Please clear cache and check now.

Best Regards,
8Theme’s Team

#411329 Copied

hafunerix

Participant

August 23, 2024 at 14:25

Perfect! Almost.

When you go to point two, i.e.

2. Shipping.

Then point one

1. Billing details

is again moved and is not on one line:

https://postimg.cc/BX7N0P6B

#411358 Copied

Rose Tyler

Support staff

August 23, 2024 at 15:05

Hello, Hafunerix,

We appreciate your prompt response.

Fixed. Please test now.

Best Regards,
8Theme’s Team

#411379 Copied

hafunerix

Participant

August 23, 2024 at 16:00

All right! You’re the boss!

I have one last question about the checkout. It may not be entirely related to the Xstore theme itself, but rather to Woocommerce, but maybe you know how to solve it.

Since I currently offer shipping to only one country, I would like to remove (hide) information about the delivery country from the purchase form. Currently, I have already marked only one country of shipping without the possibility of choosing the delivery country by the buyer, but I would like to get rid of the information about the shipping country from the form completely.

Do you know how to remove it?

https://postimg.cc/HJG7bX3z

#411389 Copied
Rose Tyler

Support staff

August 23, 2024 at 16:06
Hello Hafunerix,

You can contact WooCommerce plugin support about this https://wordpress.org/support/plugin/woocommerce/ or use custom CSS code:
```
.woocommerce-billing-fields #billing_country_field {
    display: none;
}
```
Best Regards,
8Theme’s Team
#411390 Copied
hafunerix

Participant

August 23, 2024 at 17:50

You are great! Thank you!

#411402 Copied

Andrew Mitchell

Support staff

August 23, 2024 at 17:51

Dear hafunerix,

We trust our theme is enhancing your experience. Taking a brief moment to rate it with a glowing 5 stars on ThemeForest would be immensely appreciated. Your feedback holds significant value for us.

Click here to rate now: https://themeforest.net/downloads

Thank you sincerely for your ongoing support!

Best Regards,
The 8Theme Team

#411403 Copied
Tagged: bold checkout headers, bold headers woocommerce, checkout customization, woocommerce templates, woocommerce xstore headers, wordpress xstore templates, xstore checkout headers
Viewing 12 results - 1 through 12 (of 12 total)