Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
    Posts
  • #187039

    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

    #187239

    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

    #187246

    Thanks Ismael, this fixed it! I was so close, but yet so far.

Viewing 3 posts - 1 through 3 (of 3 total)
  • The topic ‘Colour section text margin’ is closed to new replies.