- This topic has 15 replies, 5 voices, and was last updated 3 years, 7 months ago by
Leo.
-
AuthorPosts
-
March 16, 2021 at 11:59 am #1697881
Marc-Andre
Hello,
I want to optimize my little store and I’m not able to add H1 to category pages. I use the Seller template. Is there a way to add these headings?
Thank you for support!
March 16, 2021 at 12:20 pm #1697912Ying
StaffCustomer SupportHi Marc,
Go to Customizing > Layout > WooCommerce, check the Display page title box.
Let me know 🙂
March 16, 2021 at 2:37 pm #1698042Marc-Andre
Hi Ying,
Thank you for your reply. However, I don’t seem to find that box. I see display options for products, categories, checkout, etc… but there is no box to check. May I find this option somewhere else?
In the meantime I found a way to had H1 via HTML in the description box of the category, but I don’t want to have 2 H1 headings on the same page either (even if only one is visible).
March 16, 2021 at 4:51 pm #1698112Ying
StaffCustomer SupportDo you see the same options as in the documentation? It’s the second check box.
https://docs.generatepress.com/article/woocommerce-overview/#shopIf not, make sure you have woocommerce module activated at Appearance > Generatepress
https://www.screencast.com/t/ZDvUKffl8HLMarch 17, 2021 at 6:57 am #1698932Marc-Andre
Perfect, I wasn’t looking at the right place. Thank you for the article.
However I have another easy question about titles for which I seem unable to find it myself. How may I center them?
March 17, 2021 at 9:07 am #1699155Ying
StaffCustomer SupportDo you mean the category page title?
It’s the category name which you entered in the Dashboard > Product > Categories.
March 17, 2021 at 11:40 am #1699386Marc-Andre
Yes, I mean the category name. I want it centered on the category page.
I also want the main shop page title to be centered.
I tried with HTML in the category name field, but it simply doesn’t work.
I tried this CSS code, but it doesn’t work either :
h1.entry-title {
text-align: center;
}Is there a CSS code for centering all H1 headings that works or an option I didn’t found in the parameters?
March 17, 2021 at 12:23 pm #1699430Ying
StaffCustomer SupportTry this CSS:
.woocommerce-products-header { text-align: center; }
March 17, 2021 at 12:37 pm #1699444Marc-Andre
Perfect, it works. Thank you for your support!
March 17, 2021 at 1:12 pm #1699478Ying
StaffCustomer SupportYou are welcome 🙂
February 2, 2022 at 1:57 pm #2103174Jean
Hello,
I’d like to customize the H1 using this Css :
.woocommerce-products-header__title .page-title h1 {
font-size: 10px;
}https://shop.teinturesauvage.fr/
But it doesn’t work.
Could you please help me ?
Thank YouFebruary 2, 2022 at 4:44 pm #2103297Ying
StaffCustomer SupportHi Jean,
Try this:
h1.woocommerce-products-header__title.page-title { font-size: 10px; }
February 2, 2022 at 5:18 pm #2103324Brent
Why not make a block element and set the “location” to “product category archive” and then choose whichever name you have for that particular category?
Then you can add whatever you want to the top of your category pages including the generateblocks templates Headings. This is what I do, which adds some flare and content to the top of your woo-commerce category pages. Including h1’s
February 2, 2022 at 6:07 pm #2103341Leo
StaffCustomer SupportThanks Brent!
This would be an option as well 🙂
February 3, 2022 at 3:13 am #2103655Jean
Thank you Ying, Brent and Leo !
Have a nice day. -
AuthorPosts
- You must be logged in to reply to this topic.