Product category page h1

Hey @webdy

You can change this with some CSS code, but we’ll need to know a few more details first.

Can you tell us a bit more about what you’re trying to do exactly? For example, do you want to change the H1 on all product category pages in your site (or just this particular one), and how would you like to make it different (size, color, etc)?

Hello @senff, the best way would be to have just a separate box in the category editor page where I can put my H1. It will be different on every category page.

Size can be the same as it is now, color – black.

Thank you!

Hey @webdy

You can change the look (size/colors) of H1s on category pages with this code:

body.tax-product_cat .page-title {
   color: red;
   font-size: 70px;
}

However, to change the actual text for each category, you can already do that in the category editor. Here is a screenshot for your reference:

Image link: https://d.pr/i/XexwFh

Is that what you’re referring to?

Hi,

thank you for your answer, but if I change the NAME box, all menu results will update as well. I don’t need to change the name, I need to change just H1. My H1 gonna be long, so it can’t be on the menu or anywhere else.

As I said would be good to add some separate box just for H1.

While it’s not great practise, you can replace the title through CSS. More information on this can be found here: https://stackoverflow.com/questions/7896402/how-can-i-replace-text-with-css

Hi @webdy,

Hope you managed to modify your H1 title! We haven’t heard back from you for a while, so I’m going to mark this post as resolved.

If you need any further help here, please let us know. Or, if you need additional help with the Storefront theme, please start a new thread and we’ll be able to help you out there.

Thank you!