[Resolved] How to change the postion and add extra words as paragraph

[Paul]

hi,how are you

pls help me and guide how to make some chagnes

pls check the screenshot

https://prnt.sc/1dye3oi

i want to let heading from center to left (position 1)
i want to add some words in the read square to describe my heading (position 2)
i want to delete the extra space at position 3.

also, now im using Element to add this site heading below site header, can you recommend other ways to add this section such as generateblock? it can do this?

looking forward to hearing from you and it’s urgent

thanks in advance
paul

[David]

Hi there,

use a Block Element – Page Hero:

https://docs.generatepress.com/article/block-element-page-hero/

For a post archive you can use the GP Dynamic Content block and pull in the Description.

[Paul]

hello david

thanks for your reply and help.
I’m using Block Element – Page Hero to add the extra header before content. (it’s pity that i m not good at using GP Dynamic Content block this time)
so im using the generateblock heading to add extra contents
pls check them in my private links

but one thing here
there is extra space between header and content and pls check the screenshot
1/ https://prnt.sc/1e9peyq
2/ https://prnt.sc/1e9pjf7

How to delete them? pls guide me and thanks in advance.

looking forward to hearing from you
paul

[Elvin]

Hi Paul,

That extra space you see is a combination of 2 things.

The first half of the space is caused by an empty paragraph block under the container block within the Block Element that added your hero section. https://share.getcloudapp.com/9ZudZOpX

This one is addressed by simply removing the empty paragraph block insider the Block element.

The second half of the space you see is a side-effect from when you add Separate Container spacing on Appearance > Customize > Layout > container. https://share.getcloudapp.com/BluKle6R

This one requires CSS.

Try this:

.separate-containers .site-main {
    margin-top: 0 !important;
}

[Paul]

Hi Elvin,

thanks for your quick reply.

1/ the first half is ok on my side and already delete the extra block paragraph.

2/ but the second half,
if adding the CSS, it will delete the extra space https://prnt.sc/1eanvgm

but space between the menu and content on the product page will be changed from https://prnt.sc/1eanf2s (this is good for the product page) to https://prnt.sc/1eao5xw (this is not good for the product page, which is combined with a menu in one white color)

so, how to do that?

thanks in advance
paul

[David]

Hi there,

A simple method would be to:

1. remove that CSS.
2. edit the Block Element, select the parent Container block and in spacing set some negative bottom margin eg. -20px This will pull the page up to ‘hide’ that gap.

[Paul]

Hi David,

Really thanks for your simple and quick method.
Perfect to solve my question.

To be honest, The Element Block, Hook, etc, are really very strong tools for website customization.

Although I Can’t use this tool proficiently， it is really nice to use it under your guides.

Anyway, very nice WordPress theme, very nice plugin tools,

My all websites use this theme, also use all plugins to edit my websites. I love them all.

Thanks for all.

[David]

Glad to hear that – and thank you for the kind feedback!

[Author]

Posts