Tagged: heading, Separator Line
Is there a way to have a line appear on either side of a heading, such as in the screenshot below (similar to how an icon can be centered in the middle of a separator line)?
Hi 1039 Online,
You should be able to do that with the Special Heading element. If you should need further help then please link to your site and we’ll have a look.
Thanks,
Rikard
The page URL is in the private content
Yes, could you provide further help on how to do this? Thank you.
Hey!
Please add following code to Quick CSS in Enfold theme options under General Styling tab
.av-special-heading-tag:after {
content: '';
width: 100px;
height: 1px;
border-bottom: 2px solid white;
position: absolute;
right: 33%;
top: 45%;
}
.av-special-heading-tag:before {
content: '';
width: 100px;
height: 1px;
border-bottom: 2px solid white;
position: absolute;
left: 33%;
top: 45%;
}
Best regards,
Yigit