How to change H1, H2, H3 Background style?

So similar to how they have it on this website, for paragraphs
– https://www.shoutmeloud.com/top-10-killer-tips-to-increase-google-crawl-rate.html
They use an extra class for the paragraph, with afferent design
– https://www.screencast.com/t/hzWJAmkN
You could do the same if that is what you want, for the headings
– https://www.screencast.com/t/q15EyyKV
– https://www.screencast.com/t/DnnFArbQ

.myclass {
margin-bottom: 20px;
color: #fff;
padding: 10px 0px!important;
color: #fff;
background: #333;
border-left: 50px solid orangered;
border-left: 50px solid #e3393a;
background: #333!important;
}

Or do it this way, either method will work
– https://www.screencast.com/t/TnqXooUORD3
– https://www.screencast.com/t/z2N3NOAeC4

Modify the code as you please, then enter it in Theme panel->Custom CSS.

Then use method number 2 maybe, but take note that all the headers will automatically be styled like that if you use it. Unless maybe you can make the code more precise.

You could try and add the styles as boxes in the WordPress editor, there are some online guides you can follow
– http://www.wpbeginner.com/wp-tutorials/how-to-add-custom-styles-to-wordpress-visual-editor/
Or maybe try some plugins that can offer heading styles to choose from or maybe add your own.

Maybe you use the child theme, that has a different section for custom code. Please check the theme panel
– https://www.screencast.com/t/XiE3nPFvH