-
Hi, is it possible to edit the H1 heading in a post? So that it appears in box – maybe with some effects – and it is centered to the middle?
If yes, how can I do it?
Greetings Kathrin
-
Hi there,
Yes, that should be possible if you using GB Headline block as it provides more styling options. Just edit the headline as you would with normal text—change the font, add background color, an icon, etc.
-
Ok, how it is integrated in a normal post? When I start writing the first thing I read is: write the title here in Gutenberg Editor. I don’t see an option to replace it there with a headline block? Should I create an Element and style it there? I mean, is it something like a pagehero?
Greetings Kathrin
-
Do you mean the title in the editor? if so, no, you can not use any block in the title field of post editor.
-
Yes, I mean the H1 title field in the Gutenberg Editor. Is it possible to style it and if so – how can I do it? How I use the GB Headline Block in that position? And is it possible to automate it, so the same template is used for all new posts automatically?
I have added an example. Here the H1 appears in front of colored block. Is it possible to do something similar with Generate Press?
Greetings Kathrin
-
No, I don’t think so, unfortunately!
-
I have added an example. Here the H1 appears in front of colored block. Is it possible to do something similar with Generate Press?
-
So you are NOT referring to the post title in the post editor, but front end? I’m confused.
-
I want to style this H1: https://imgur.com/a/CcdT9LJ So that it looks like in the link I have sent you. Here the H1 appears in front of a colored block. Can I do something like that with Generate Press? I don’t know, is that a header template? The title should change dynamically.
-
You can create a block element – page hero, use a headline block, set dynamic tag to post title.
https://docs.generatepress.com/article/block-element-page-hero/ -
Ok, I have done that. Can I style it now, so that the text is centered, there is block and so on?
-
Yes, can I see what you’ve done on your site?
-
This is the result: https://imgur.com/a/0R1RDUB
Maybe you can help me that the distance between the heading and the breadcrumbs is not huge and the author servings and so on (everything after the heading) is in one line – especially on mobile devices.
Greetings Kathrin
-
Maybe you can help me that the distance between the heading and the breadcrumbs is not huge
Try reducing the top padding value under Customize > Layout > Container > Content Padding settings.
..the author servings and so on (everything after the heading) is in one line – especially on mobile devices.
You might need to reduce the font size in mobile settings so that the text will not wrap to the next line.
-
Thank you, that worked, but one issue is left – it is impossible to center the separator after my name as you can see here: https://imgur.com/a/e7OkxGv – what should I do?
Greetings
-
Try adding this CSS:
.gb-element-34b39551 p { margin-bottom: 0; }
- You must be logged in to reply to this topic.