[Resolved] How do I do it this way? generateblocks

[Oguz]

In the picture, he put the H2 tag headers in this way.
in addition. Headings with h1 tags also appear slightly gray.

how do i do these? Can you help me ? step by step. I watched at least 20 generate blocks usage videos on your youtube channel and other channels. but no one explains it wisely.

[Oguz]

I’m posting it again in case the pictures don’t show up.

[Ying]

Hi there,

The image still doesn’t show.

Can you try uploading it here: https://postimages.org/ then share the link with us?

[Oguz]

https://ibb.co/Hrs3DxV
https://ibb.co/q5h6ytZ

[Oguz]

https://ibb.co/Hrs3DxV
https://ibb.co/q5h6ytZ

[Ying]

I can see the images, but I’m having a hard time understanding what exactly you want to achieve.

What’s the relationship between the 2 images?

Can you link me to the site you took the screenshots of?

[Oguz]

This is the site address. You can view any article.
I’m asking how he did this by taking the h2 tags between the colors in the post title and the text. You don’t have any resources on your site.

[Oguz]

I added the site address to the private information section.

[Ying]

I’m asking how he did this by taking the h2 tags between the colors in the post title and the text. You don’t have any resources on your site.

Are you referring to this h2? And asking for how to add background color to it?
https://www.screencast.com/t/StSvMcKC

If so, it’s using this CSS:

.single-post .entry-content h2 {
    padding-top: 10px;
    padding-bottom: 10px;
    border-left: 20px solid rgba(52, 62, 71, 100);
    padding-left: 20px;
    background-color: rgba(236, 241, 237, 1);
}

[Oguz]

Do you see the h2 tags to the site address I forwarded to you? prominent in stripes below. Where do I add this code you sent?

[Oguz]

yes that area you show in the screenshot.

[Oguz]

https://ibb.co/QFQqNvP

I added the code you gave, but this time the h2 tag in the article was combined with the images. In addition, I am sending another image, how do I do this?
I added the code you gave directly to the customize-additional css section. it generate blocks. Wouldn’t it be better if I add it with Or is it better this way? If it will be added with generate blocks, can you send me the settings?

[Fernando]

Hi Oguz,

1. You can use a Block Element – Page Hero. Make sure to set the Hook name to before_content. Example: https://share.getcloudapp.com/5zuj76KY

You can refer to these articles to learn more about various settings of GenerateBlocks:

https://docs.generateblocks.com/article/headline-overview/
https://docs.generateblocks.com/article/container-overview/
https://docs.generateblocks.com/article/grid-overview/

You can also watch this video to learn more about the Page Hero Block Element:https://www.youtube.com/watch?v=yq6VcgU3Ufg

2. You can add a left border value and set the colors.

Relevant Article: https://docs.generateblocks.com/article/spacing-options-overview/#border-size

[Author]

Posts