Solved

Bold text edits not showing on 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
5554 1332 1644

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!

Please don't forget to 

Like

 and 

Mark Solution 

to the post that helped you. Thanks!
Sip, savor, and support – your

Coffee Tip

 helps us keep coding magic.❤️❤️❤️
Need a knowledgeable developer? Come and visit us at

Made4uo.com


View solution in original post

Replies 2 (2)

Made4uo-Ribe
Shopify Partner
5554 1332 1644

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!

Please don't forget to 

Like

 and 

Mark Solution 

to the post that helped you. Thanks!
Sip, savor, and support – your

Coffee Tip

 helps us keep coding magic.❤️❤️❤️
Need a knowledgeable developer? Come and visit us at

Made4uo.com


ElumaLuxxx
Tourist
11 0 3

Hi Made4uo-Ribe,

It works! Thank you so much.