Change font on product titles only - Pipeline Theme

Store Design
, , ,
1

Theme: Pipeline 6.2.2

Our header font is Playfair Display and body font is Roboto.

I would like to change product titles only to RobotoBold as Playfair Display doesn’t look good when each letter is capitalised.

Thanks in advance for the code :crossed_fingers:

2

@JAFC Please send me store url.

3

@JAFC ,

please share the link…

4

Hello @JAFC ,

Could you please share your store url ( with pass if your store password is enabled ) then I can see and suggest something for you?

Best regards,
GemPages Support Team

5

Hi this is the Store link / no password protection

6

Hello @JAFC ,

Glad to support you today.

You can check out my suggestion below to get your concern resolved:

  1. Go to Edit code on Online Store:

GemPages_0-1671444101327.png
GemPages_0-1671444101327.png399×194 24.3 KB

  1. Add my code above the tag on file Theme.liquid:

Eg:

GemPages_1-1671444207607.png
GemPages_1-1671444207607.png1039×868 42.7 KB

I hope you find the answer helpful.

Kind & Best regards,
GemPages Support Team.

7

Hello @JAFC

I would like to give you a solution to support you:

  1. Go to Online Store-> Theme-> Edit code
  2. Open your theme.liquid theme file
  3. Paste the below code before :
<style>
h1.product__title {
font-family: 'Roboto' !important;
}
</style>
8

This is Victor from PageFly - Shopify Page Builder App, I’d like to suggest this idea:

Add this CSS at the bottom

Online Store ->Theme ->Edit code

Assets ->theme.css

.product__title {
    font-family: 'RobotoBold' !important;
}

Hope you find my answer helpful!

Best regards,

Victor | PageFly