How To Change Font For Product Description only (DAWN Theme)

Store Design
, ,
1

Hello!

I want to change the font of my product title only, in Dawn, but I can’t follow the directions from a discussion on this from 2021 I am brand new to Shopify, and am trying this on a Chromebook, but do not see where I should add the code suggested this in my set up. I accept that it’s a hole in my knowledge and was hoping someone could help.

Thanks,

Lesa

2

Hi @DandyBabies ,

Can you share your store url

3

Hi @DandyBabies
Can you kindly share your store link (with the password, if any) with us? We will check it and suggest you a solution if possible.

4

https://dandy-babies.myshopify.com/admin/themes

Please let me know if this is the what you need to help.

Thank you so much!

5

https://dandy-babies.myshopify.com/admin/themes

6

Hi @DandyBabies

This is BSS Commerce - Full-service eCommerce Agency. We’d love to suggest you this solution:

Because the title of your question is about changing product description, but the content is about changing product title, so I’m not sure what you really want, so you may consider the following steps:

  1. Online store → Themes → Edit code

  2. Find the base.css file:

  • If you want to edit the product description, add this code snippet to the end of the file and click Save:
//For all screens (include mobile and tablet)
.product__description{
   font-size: 1.6rem !important;
   font-family: "Josefin Sans", sans-serif !important;    //your current font family
}

//For desktop + tablet
@media screen and (min-width: 750px){
     .product__description{
      font-size: 1.7rem !important;
     }
}

view (87).png
view (87).png750×501 24 KB

  • If you want to edit product title, add this code snippet to the end of the file and click Save:
//For all screens(include mobile + tablet)
.product__title h1{
   font-size: 2.5rem !important;
   font-family: "Josefin Sans", sans-serif !important;    //your current font family
}

//For desktop + tablet
@media only screen and (min-width: 750px){
   .product__title h1{
      font-size: 3rem !important;
   }
}

view (88).png
view (88).png534×277 14.6 KB

Font size is the attribute that helps you adjust the size of the text, and font family is the attribute that helps display the font the way you want it to be. You can customize the values of these attributes to change the size as you wish.

Hope this helps you.

BSS Commerce - Shopify Apps & Development Services Provider

Level up your Shopify store with our B2B & B2C apps

7

Thank you so much for your help! I apologize for the contradiction in the title & body of my message. I definitely meant product title as I felt the font I was using looked too puffy next to the font of the product description.

Truly appreciate the help.

Lesa