Navigation
Archive / How to add Vertical align to all columns inside a section
This is archived content. Visit our new forum.

Tagged: 

  • Author
    Posts
  • February 6, 2017 at 10:08 am #1359796
    fictionadmin
    Participant

    Hi!
    Have a small problem hope u can help. Iam using this code for my columns. now i want to “center” the columns on the page.
    tryed it with “vertical-align: middle;” but this doesent work. how can i center all of the columns inside the section?

    .same-box2 {
    min-height: 300px; max-height: 300px;
    min-width: 250px;
    max-width: 250px;
    vertical-align: middle;
    }

    the side is under construction please log in. thanks!

    February 6, 2017 at 10:09 am #1359800
    fictionadmin
    Participant
    This reply has been marked as private.
    February 6, 2017 at 12:46 pm #1360034
    Rupok
    Member

    Hi there,

    Thanks for writing in! usually you need to add display: block; margin: 0 auto; float: none; . But you can’t do this directly for the columns (as they need to float left) if you use a static max-width value. You should keep using the percentage width. If you need spacing, you can add padding.

    Hope this makes sense.

    February 6, 2017 at 2:55 pm #1360175
    fictionadmin
    Participant

    hi again!
    it doesent work out. the columns always apers on the left side not in center.
    dont know why it seemded as they have left align but the do not…
    mhh andy ideas?

    thanks!

    February 6, 2017 at 3:03 pm #1360187
    fictionadmin
    Participant

    its working now i found a way with magin… thanks!

    February 6, 2017 at 5:30 pm #1360328
    Nico
    Moderator

    Happy to hear that.

    Feel free to ask us again.

    Thanks.

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