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

Tagged: 

  • Author
    Posts
  • December 2, 2016 at 1:44 am #1278503
    JW & Co.
    Participant

    Good evening,

    I am having two issues on the page verobeachwebsitedesign.net/website-design-and-development/.
    Please refer to this screenshot: http://prnt.sc/ded06a.

    #1 The column container on the right is extending way too far down on the page, even though there is no bottom margin. Please tell me how to cut it off after the button.

    #2 There is no code which is responsible for the vertical distance between the two paragraphs on the page. Can you please tell me how to reduce that space?

    Thanks,
    J

    December 2, 2016 at 1:59 am #1278508
    Rupok
    Member

    Hi there,

    Thanks for wriitng in!

    #1. Columns are usually displayed as table-cell, that is it will be same height as the adjacent column on left. If you take of the last Text element from left column then you will see the height is decreased. Usually you won’t see this but as you are placing inline style to the column, you are facing this. Let’s add some more inline style to the column : display: inline-block; padding: 0 0 20px; width: 100%;

    #2. You have set 20px margin-bottom for the ROW. Let’s select the Row and reset the margin.

    Cheers!

    December 2, 2016 at 9:28 am #1278852
    JW & Co.
    Participant

    Easy enough. Thanks for your help!

    December 2, 2016 at 10:27 am #1278907
    Rahul
    Moderator

    Glad we were able to help you out!

    Feel free ask us again.

    Thanks!

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