Beloved - How to Add Alternate First H2 Heading
If you'd like to add the secondary H2 styling like Captivating, you will add the below code to Appearance > Customize > Additional CSS. This means the first H2 tag used in your post will be styled a specific way, and the second H2 tag will be styled like a typical H2 heading.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| .single-post article .entry-content h2:first-of-type, | |
| .page article .entry-content h2:first-of-type { | |
| border-left: 2px solid #eee; | |
| font-family: 'Alegreya San', sans-serif; | |
| font-size: 20px; | |
| font-style: italic; | |
| font-weight: 400; | |
| line-height: 1.625; | |
| padding-left: 30px; | |
| text-transform: none; | |
| } |