Tagged: color section, text alignment, top margin
Hi guys,
I’ve spent the last few hours trying to solve this, and read the forums, but still no luck. I simply want to use some custom css to change the top margin of text inside a colour section.
The way I use colour sections is with no padding, so that images align to the top and bottom edges perfectly, however it means that text is also crammed up against the top. I just want to add 50px of margin above it. I have tried all the options below, but none of them work.
.avia_textblock {top-margin: 50px !important;}
.avia_textblock h1 {top-margin: 50px !important;}
.av_textblock_section {top-margin: 50px !important;}
.av_textblock_section h1 {top-margin: 50px !important;}
section.av_textblock_section {top-margin: 50px !important;}
My site is running local on MAMP, so I can’t share a link, however I hope you can understand my request. Any guidance is appreciated.
Thanks,
G
Hi Glyphism!
Can you please post a screenshot? If you insert a Text Block inside a Color Section, you can use this to adjust the top margin:
.avia-section .avia_textblock {
margin-top: 50px;
}
Remove browser cache then reload the page.
Regards,
Ismael
Thanks Ismael, this fixed it! I was so close, but yet so far.