HELP! I cant change the font or centre a header on my Craft Theme!

Store Design
, , ,
1

Hi Peeps!!!

I am having a nightmare trying to centre my title in the collections collage I have added to my Craft theme!

Gonk1983_0-1701302540209.png
Gonk1983_0-1701302540209.png998×180 8.42 KB

I have tried a few codes found on here but nothing is changing it!!!

This is the last one I tried which was supposed to centre it and let me change the font size but no difference

Gonk1983_1-1701302619715.png
Gonk1983_1-1701302619715.png754×131 8.9 KB

When you add the code, do you need to so something with the brackets that are there?

Do you need to save the code and then do something on the theme page to run it?

If someone could explain in idiot terms so I can understand that would be amazing!!

Also while I am here!

I want to make my page header a font called Righteous and a bit bigger but when I use Typography, it changes the font on the whole page!

Gonk1983_2-1701303013980.png
Gonk1983_2-1701303013980.png1330×250 14.5 KB

How do you single out specific sections you want to update that doesnt then change the whole page?

I would also need to change the font of the collage header as its too big and I dont like the font :disappointed_face:

This is the URL if anyone wants a look https://pocket-fluff.co.uk/

Thanks guys!!!

2

Hi @Gonk1983 Can you please provide the password of your store so that I can provide you solution that can work for your store.

Best regards

Sahil

3

Hi Sahil

I have replied to you via Whatsapp

Thanks

4

Hi @Gonk1983 Thanks for the password, for centering the title please add the code in your theme.css/base.css/style.css/index.css file which is available in your theme.

h2.collage-wrapper-title.inline-richtext.h2.scroll-trigger.animate--slide-in {
    text-align: center;
}

If you are not sure where is your theme.css/base.css/index.css/style.css file please follow the steps:

  1. Login in shopify admin.
  2. Click on the Online Store.
  3. Then click on the button next to Customize in live Theme.
  4. Click Edit Code.
  5. Search theme.css/base.css/index.css/style.css in the code in left hand side which ever is available in your theme.
  6. You can add the above code at the bottom of the file.

Result:

sahilsharma9515_0-1701335325591.png
sahilsharma9515_0-1701335325591.png1876×586 23.4 KB

For changing the font and the font size I first need to look into your theme code as it is little complex part, without looking into the code I will not be able to provide you the exact code.

If you will unable to implement the same then I’m happy to do this for you, let me know. I can implement the code changes so that this will work well for you.

Hopefully it will help you. If yes then Please don’t forget hit Like and Mark it as solution!

Best Regards

Sahil