Solved

Why aren't my bold text edits displaying on mobile Safari?

ElumaLuxxx
Tourist
11 0 3

I codes I've used below make the text bold when I'm editing my store in mobile view, but if I actually go into safari and view my phone, none of the bold actually shows. It does show on desktop, but not mobile. The codes are the make the price bold, the 'Add to Cart' bold, and the product title bold.

.price {
font-weight: bold !important;
}

 

.product-form__buttons {
max-width: 25rem;
}
.product-form__submit{
font-weight: 700;
}

 

.product__title h1 {
font-weight: bold;
}





In this photo you can see on the left view when editing my store in mobile view it shows, but on the right in safari it doesn't.

site.png

Accepted Solution (1)

Made4uo-Ribe
Shopify Partner
6392 1534 1904

This is an accepted solution.

Hi @ElumaLuxxx 

Did you try to add in the theme.liquid code file? 

  • From your Shopify admin dashboard, click on "Online Store" and then "Themes"
  • Find the theme that you want to edit and click on "Actions" and then "Edit code".
  • In the "theme. Liquid" file. Find the </body> tag and paste the code below before the tag. 

 

<style>
.price {
font-weight: bold !important;
}
.product-form__buttons {
max-width: 25rem;
}
.product-form__submit{
font-weight: 700 !important;
}
.product__title h1 {
font-weight: bold !important;
}
</style>

 

And Save. 

 

 

 

Please don't forget to Like and Mark Solution to the post that helped you. 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.

View solution in original post

Replies 2 (2)

Made4uo-Ribe
Shopify Partner
6392 1534 1904

This is an accepted solution.

Hi @ElumaLuxxx 

Did you try to add in the theme.liquid code file? 

  • From your Shopify admin dashboard, click on "Online Store" and then "Themes"
  • Find the theme that you want to edit and click on "Actions" and then "Edit code".
  • In the "theme. Liquid" file. Find the </body> tag and paste the code below before the tag. 

 

<style>
.price {
font-weight: bold !important;
}
.product-form__buttons {
max-width: 25rem;
}
.product-form__submit{
font-weight: 700 !important;
}
.product__title h1 {
font-weight: bold !important;
}
</style>

 

And Save. 

 

 

 

Please don't forget to Like and Mark Solution to the post that helped you. 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.
ElumaLuxxx
Tourist
11 0 3

Hi Made4uo-Ribe,

It works! Thank you so much.