How can I change the size of my one page checkout

How can I change the size of my one page checkout

shopekaja
Excursionist
76 0 8

I need to make the headings of my 'one page' checkout smaller. I am unable to find a code for the same, could someone please help me out.

 Screenshot 2023-09-28 at 5.06.44 PM.png

Replies 8 (8)

syedsumaimaly
Trailblazer
147 16 22

Hi @shopekaja 

Would you mind to share your store URL website, with password if its protectd? Thanks!

shopekaja
Excursionist
76 0 8

Apologies, I want to change the font size. I guess i didn't mention that on the subject. 

URL : www.shopekaja.com

PW: Getlost12

syedsumaimaly
Trailblazer
147 16 22

Hi @shopekaja 

Follow these Steps:

Go to Online Store Edit Code Find theme.liquid file or base.css

Add the following code in the bottom of the file above </body> tag

 

.n8k95w2, .n8k95w3 {
    font-size: 20px;
}

 

syedsumaimaly_0-1695902083920.png

If I managed to help you then, don't forget to Like it and Mark it as Solutions

 

shopekaja
Excursionist
76 0 8

This made no change, i also need to change it in the mobile site 

syedsumaimaly
Trailblazer
147 16 22

Hi @shopekaja 

Follow these Steps:

Go to Online Store  Edit Code Find theme.liquid file or base.css

Add the following code in the bottom of the file above </body> tag

@media only screen and (max-width: 480px){
h2.n8k95w1._1frageme0.n8k95w2 {
    font-size: 15px !important;
}
}

syedsumaimaly_0-1695910287138.png

If I managed to help you then, don't forget to Like it and Mark it as Solutions

shopekaja
Excursionist
76 0 8

Did nothing,

syedsumaimaly
Trailblazer
147 16 22

@shopekaja In which file you paste this code? can you share screen shot?

Made4uo-Ribe
Shopify Partner
8730 2087 2559

Hi @shopekaja 

The checkout page can be change or edit  base on the Shopify Plan you have, the Shopify Plus Plan can make changes but below on that Plan it cant.  Thanks!

If this fixed your issue Likes and Accept as Solution is highly appreciated. Coffee tips fuels my dedication.
Get EXPERIENCED Shopify developers at affordable rates—visit Made4Uo.com for quick quote!
Do not lost your Shopify store! Get FREE trial with ✔️ Rewind Backup: Automatic, reliable, stress-free.
Need THEME UPDATES but has custom codes? No worries, contact us for affordable price.