Navigation
Archive / Column sizing question
This is archived content. Visit our new forum.

Tagged: 

  • Author
    Posts
  • October 16, 2016 at 9:47 pm #1218826
    LDudIdea
    Participant

    How can I make a column taller?

    October 16, 2016 at 9:49 pm #1218827
    LDudIdea
    Participant
    This reply has been marked as private.
    October 16, 2016 at 11:36 pm #1218900
    Paul R
    Moderator

    Hi,

    You can add a min height in the style field of each column.

    eg.

    min-height:300px;

    http://screencast.com/t/ZPQlhYvRDQH

    Hope that helps

    October 18, 2016 at 11:39 am #1221038
    LDudIdea
    Participant
    This reply has been marked as private.
    October 18, 2016 at 1:04 pm #1221136
    Rupok
    Member

    Hi there,

    As I can see on your screenshot, you have selected the section NOT column and placed the code for section. Let’s place the code to columns.

    Also if you don’t have enough content then it will be just blank.

    Thanks!

    October 24, 2016 at 3:17 pm #1228842
    LDudIdea
    Participant
    This reply has been marked as private.
    October 24, 2016 at 11:46 pm #1229320
    Rupok
    Member

    Hi there,

    I have checked your site and replied. See this screenshot – http://prntscr.com/cyl4g2
    Please follow the previous reply and place the code for column.

    Hope this makes sense.

    October 26, 2016 at 7:08 pm #1232281
    LDudIdea
    Participant
    This reply has been marked as private.
    October 26, 2016 at 11:59 pm #1232651
    Friech
    Moderator

    Hi There,

    For the columns you need an actual height (height:300px;) since it was set as marginless columns.

    I did go ahead and added the min-height: 300px; on the ROW instead. With a background-color we can see that the columns now are taller and has same height.

    http://prnt.sc/czgvjp

    Hope it helps, Cheers!

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