Navigation
Archive / Cannot vertical-align bottom image
This is archived content. Visit our new forum.

Tagged: 

  • Author
    Posts
  • May 20, 2016 at 1:06 pm #1001903
    empirenannies
    Participant

    I am using cornerstone, I have a row with 5 columns which have images (logos) inside each one. I want to align them vertically to the bottom of the row, show that the bottom of the images are all lined up regardless of the height….

    a combo of things I tried to insert into the style box for each image;

    vertical-align: bottom
    display: inline-block
    width:100%

    Checked all related forum help posts too..

    May 20, 2016 at 1:07 pm #1001905
    empirenannies
    Participant
    This reply has been marked as private.
    May 20, 2016 at 8:30 pm #1002421
    Rue Nel
    Moderator

    Hello There,

    Thanks for writing in! To resolve this issue, please edit your section and in the row settings, you must enable the marginless columns option. You can then insert the inline css vertical-align: bottom; to each of your 5 columns. And you also need to add some padding to each columns so that the images will have gaps in between. So I went ahead and edited the page to help you get away from trouble.

    http://prntscr.com/b6jt6j
    http://prntscr.com/b6jsy3

    If you need anything else we can help you with, please let us know.

  • Author
    Posts
  • <script> jQuery(function($){ $("#no-reply-1001903 .bbp-template-notice, .bbp-no-topic .bbp-template-notice").removeClass('bbp-template-notice'); }); </script>