Navigation
Archive / How do I make image full height in a columnless container?
This is archived content. Visit our new forum.

Tagged: 

  • Author
    Posts
  • March 1, 2017 at 12:52 pm #1390747
    444media
    Participant

    I am trying to make this image fill the entire left half of this column on the home page at http://www.plugilo.com/plugilostage/ I have made the background of the row blue, for the right half of the row to be a bluye background. Problem is there is a small portion of blue showing at the bottom of the image on the left. I want the image to be full height of the row, with no background color showing at the bottom. No matter what size I seem to make the image the blue bar still shows at the bottom.

    See attached screenshot.

    Thanks

    March 1, 2017 at 1:58 pm #1390816
    pelowi
    Participant

    Hi,

    I think I can help you:

    Enter the customizer and add some Lines to Global CSS – go to Custom > edit global CSS

    Then enter:

    .x-img {
margin-bottom: 0px;
}

    That´s it

    Bye

    March 1, 2017 at 2:00 pm #1390818
    pelowi
    Participant

    Here the attachment

    March 1, 2017 at 6:18 pm #1391079
    444media
    Participant

    Worked like a charm! Thanks so much!

    March 1, 2017 at 7:32 pm #1391236
    Friech
    Moderator

    Hi There,

    Glad you sorted things out, and thank you for chiming in @pelowi

    You can also put a class mbn on the image class field.

    http://prntscr.com/eex0s2

    Cheers!

    March 3, 2017 at 2:17 pm #1393716
    pelowi
    Participant

    I´m not sure – is it allowed to help, if I have a solution?

    March 3, 2017 at 2:54 pm #1393739
    Joao
    Moderator

    Sure 🙂 Your suggestions are always welcome!

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