Tagged: , , ,

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • April 27, 2017 at 8:54 pm #784196
    danldurall

    I have three small buttons in a 1/3 column. These display side-by-side, which is how I want them. However, when I right-align all of them (so they are aligned with the right-hand page content edge) the spacing between them disappears and they butt up against one another. See the screenshot below.

    Right-aligned buttons with no spacing: https://i.imgur.com/zCkNSpr.png

    • This topic was modified 7 years, 8 months ago by danldurall.
    April 27, 2017 at 9:15 pm #784213
    Jordan Shannon

    Hey danldurall,

    Try adding the following to quick css:

    .flex_column.av_one_third.flex_column_div.avia-builder-el-9 .avia-button-wrap.avia-button-right{
padding-right:5px!important;
}

    Best regards,
    Jordan Shannon

    April 27, 2017 at 10:00 pm #784225
    danldurall

    Thanks Jordan, that worked! Will that CSS affect anything else?

    April 27, 2017 at 10:48 pm #784241
    Jordan Shannon

    Hi,

    No that is targeted to only that section.

    Best regards,
    Jordan Shannon

    May 2, 2017 at 6:35 pm #786619
    danldurall

    Perfect, this worked! Thanks!

    May 2, 2017 at 6:38 pm #786624
    Jordan Shannon

    Hi,

    No problem at all. If you need additionaln help, please let us know here on the forums.

    Best regards,
    Jordan Shannon

  • Author
    Posts
Viewing 6 posts - 1 through 6 (of 6 total)
  • The topic ‘Right Aligned Buttons Missing Padding?’ is closed to new replies.