Can i design my subheading like this?

Hi there,

Doesn't look like you are using Gutenberg?

If so you can try our sections add-on;
https://docs.generatepress.com/article/sections-overview/

Let me know if this helps :)

i am using gutenbeg

Hi there,

if you use the gutenberg block editor then add a Group Block, from its Toolbar you can select Wide Width and from its settings sidebar you can select its background color.

Note: this won't work on posts with Sidebars

Hey David, sorry i am replying to this thread very late.

Thank you for telling me about Group block, I was not aware about this block till now.

However I am facing a little problem..

Actually i am using a css code to add top margin in my h2 and h3 of articles.

body.single .inside-article h2, body.single .inside-article h3 {
    margin-top: 62px;
}

And margin looks completely fine in my whole article, but when it comes to Group block the big margin do not make any sense and looks bit awkward.
Have a look at this screenshot

I have also included the link of my live page in website section of thread.

Can you please tell me how can I reduce the margin of heading just appearing under group block.

You could add this CSS to unset the top margin of H2 / H3 within the group block:

body.single .inside-article .wp-block-group h2, body.single .inside-article .wp-block-group h3 {
    margin-top: unset;
}

you can swap out unset for some pixels if you wish