Navigation
Archive / Anchor Image to bottom of Section
This is archived content. Visit our new forum.

Tagged: 

  • Author
    Posts
  • November 3, 2016 at 10:09 pm #1243287
    hipbluesofa
    Participant

    Hi. Is it possible to ANCHOR an image to the bottom of a section? Man times when I put an image in a section, perhaps the LEFT column is slightly longer. When this happens (for me) there is always a space at the bottom of the image between the image and the top of the next section. I have attached a screenshot to help clarify. Am I doing something wrong?

    https://gmkr.io/s/581bfa278a79e1b2084f5282/0

    Thanks for any input and thank you. The website in this case is: http://newja.com.routing.yourhost.co/

    Best,
    Anthony

    November 4, 2016 at 12:21 am #1243402
    Rupok
    Member

    Hi Anthony,

    It might happen when your right column has longer height than the left. That is you are using gap element for the right column content and in medium screens, it’s longer than the left column. So let’s try decreasing the spacing on right or you can also use the image as background image for the left column.

    Thanks!

    November 4, 2016 at 12:24 am #1243408
    hipbluesofa
    Participant

    Whoa, maybe I am spacing it but how do I add a background Image ONLY to the LEFT column? I see where to add for section but column? I’ve never caught that you can do that. (Ignorance! Yikes!)
    Anthony

    November 4, 2016 at 1:23 am #1243440
    Rupok
    Member

    Hi Anthony,

    You need to use the Style field of the column. Let’s place this code :

    background: url("http://newja.com.routing.yourhost.co/wp-content/uploads/2016/11/bigstock-Man-whispering-something-to-hi-137103398-1.jpg") no-repeat center center / auto 100%;

    Cheers!

    November 4, 2016 at 1:39 am #1243451
    hipbluesofa
    Participant

    Hi Rupok, I am getting close. thank you. It’s not quite right? Can you have a look?

    November 4, 2016 at 2:04 am #1243473
    Lely
    Moderator

    Hi Anthony,

    It is showing fine when I check. See this:
    Can you clarify the issue?

    November 4, 2016 at 2:11 am #1243476
    hipbluesofa
    Participant

    No definitely not right. https://gmkr.io/s/581c3479606d66ac08511468/0

    thanks again!!
    A

    November 4, 2016 at 2:19 am #1243479
    Lely
    Moderator

    Hello There,

    I am sorry I am looking on the same section, from the screenshot on your first post.
    Also add this after the background declaration:
    background-size: cover;
    It would be like this:
    background: url(http://newja.com.routing.yourhost.co/wp-content/uploads/2016/09/800x800-Spice-Rewards.jpg) no-repeat center center / auto 100%; background-size: cover;

    Hope this helps.

    November 4, 2016 at 2:32 am #1243494
    hipbluesofa
    Participant

    Perfect!! Thank you!!!

    November 4, 2016 at 3:10 am #1243509
    Lely
    Moderator

    You’re welcome!

    Cheers!

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