Add a Design Accent to Your Headings with GenerateBlocks
HTML-код
- Опубликовано: 12 сен 2024
- Instead of your boring plain heading text, I show you how to style it with a skinny top, left and bottom border to give your headings some extra flare in GenerateBlocks.
Here's the code used in the video:
.heading-border-top {
position:relative;
padding-top:10px;
}
.heading-border-top:before {
content: "";
position: absolute;
left:0;
top:0;
border-top: 3px solid #3fa9f5;
width: 40px;
}
.heading-border-bottom {
position:relative;
padding-bottom:10px;
}
.heading-border-bottom:before {
content: "";
position: absolute;
left:0;
bottom:0;
border-top: 3px solid #3fa9f5;
width: 40px;
}
--
Learn More about GenerateBlocks: generateblocks...
Check out my website at adamwrightdesi...
Get in touch: hello@adamwrightdesign.com
Learn from the Design to Dollars newsletter: adamwrightdesi...
If you enjoyed this video, please consider helping support by Subscribing to my channel and Liking the video above!
Thanks for your support!