Have your say in Community Polls: What was/is your greatest motivation to start your own business?

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

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
9039 2160 2665

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 are highly appreciated. Coffee tips fuel my dedication.
Get experienced Shopify developers at affordable rates—visit Made4Uo.com for a quick quote!
Need THEME UPDATES but have custom codes? No worries, for an affordable price.
Create custom Shopify pages effortlessly with PageFly's drag-and-drop ⚙️.

View solution in original post

Replies 2 (2)

Made4uo-Ribe
Shopify Partner
9039 2160 2665

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 are highly appreciated. Coffee tips fuel my dedication.
Get experienced Shopify developers at affordable rates—visit Made4Uo.com for a quick quote!
Need THEME UPDATES but have custom codes? No worries, for an affordable price.
Create custom Shopify pages effortlessly with PageFly's drag-and-drop ⚙️.
ElumaLuxxx
Tourist
11 0 3

Hi Made4uo-Ribe,

It works! Thank you so much.