How can I adjust the page title font size on the Crave theme?

[Chris_Chan1]

Hi!

I am trying to edit my page title font size but am not sure how to. Anyone able to help? Thanks!

https://1ppvgvy7to3sii32-21866469.shopifypreview.com

I am using the Crave theme FYI

[PageFly-Richard]

Hi @Chris_Chan1

I’m Richard Nguyen from PageFly- Free Landing Page Builder

-Go to Online Store->Theme->Edit code

-Asset-> base.css paste the below code at the bottom of the file.

h2.collage-wrapper-title.h2, h2#SectionHeading-template–14451290046548__7b3d1ba5-953b-4ee1-99b1-a191a62cbfc3 {

font-size: 40px;

}

Hope my solution works perfectly for you!

Best Regards;

Richard | PageFly

[Chris_Chan1]

Hi richard,

This didnt seem to work, maybe it might be due to my input of the code? Could i trouble you to send it in code format for me? Thanks a bunch!

[PageFly-Richard]

You can try with this code.

Follow this:

Go to Online Store->Theme->Edit code->theme.liquid->paste bellow code in tag

@media screen and (max-width: 767px){ h2.collage-wrapper-title.h2, h2#SectionHeading-template--14451290046548__7b3d1ba5-953b-4ee1-99b1-a191a62cbfc3 { font-size: 40px; }

Please refer to this screenshot: https://prnt.sc/afpBHc_RJbvN

[Chris_Chan1]

I think im doing something wrong.. refer to screenshot

[PageFly-Richard]

Okay, now try removing this code:
https://prnt.sc/iytFWNiXu-Kg
And add “!important” after 40px like this:
https://prnt.sc/cWqJh1VsHJrc

[oscprofessional]

Hello @Chris_Chan1

Try this code - it will be helpful -

Go to the online store >Theme> Assets > Edit Code > theme.scss.css >Add code in this file.

.main-content h1, .main-content .h1, .spr-header-title, .spr-header-title, .main-content h2, .main-content .h2, .main-content h3, .main-content .h3, .main-content h4, .main-content .h4, .main-content h5, .main-content .h5 {
font-size: 30px !important;  
}

[Chris_Chan1]

It seems that we have a miscommunication, the page title i am referring to is this. “Our brands”

[PageFly-Richard]

Oh! you can try again:

-Go to Online Store->Theme->Edit code

-Asset-> base.css paste the below code at the top of the file.

h1.main-page-title.page-title.h0 {
font-size: 30px !important;
}