• Resolved Erwin

    (@erwin-hidayat)


    Ben,

    I’m here again for another question. Is it possible to remove or at least reduce the gap (white space) between images on a post? It’s ok by default, just wanna able to adjust it.

    Thanks a bunch! ??

Viewing 9 replies - 1 through 9 (of 9 total)
  • Theme Author Ben Sibley

    (@bensibley)

    Sure, that’s a little tricky because the images are placed in paragraphs with spacing above and below, and you don’t want to remove the spacing on all paragraph elements. However, I think I have something that will work well:

    .aligncenter {
      margin: -1.5em 0;
    }

    This code is going to give all center-aligned post images a negative margin above and below. This way, the gap will be removed even though the container paragraph elements still have a positive margin.

    Let me know how that works for you.

    Thread Starter Erwin

    (@erwin-hidayat)

    It works yaaayyyy!!! Much appreciated.

    From previous thread, you helped me adjusting the image width to fit the post. What if I’d like to do so to featured images? So i won’t have that full width, but fit to the post width instead. Could you pliss advise me a code?

    Thanks, Ben ??

    Theme Author Ben Sibley

    (@bensibley)

    Yea no problem!

    Try this out:

    .singular .featured-image {
      width: 60%;
      margin: 0 auto;
    }

    That’s going to reduce the width of the featured image and center it.

    Thread Starter Erwin

    (@erwin-hidayat)

    Great, Ben.

    I learnt a lot from this support forum. Sorry if i post another question/s later on ??

    Thanks!

    Theme Author Ben Sibley

    (@bensibley)

    Sure thing, don’t worry about it ??

    Thread Starter Erwin

    (@erwin-hidayat)

    Hi Mr. Sibley,

    I created a post same as mentioned up there with several images in it. I’m just wondering whether I could get two images in portrait orientation to sit side-by-side at the same line, and leave images in landscape mode as one single image in a line? And yes, keep the margin managed.

    I read several tutorials such this and this, but I think I missed something.

    I’m a new into photography and Tracks is more than brilliant! Million of thanks, Ben!

    Theme Author Ben Sibley

    (@bensibley)

    Yea this can be done by left-aligning the first image and right-aligning the second image. To do this, select an image in the post editor, and you’ll see two buttons you can use to left-align the image: https://pics.competethemes.com/image/41092s0G252g

    Click either, and then repeat this using one of the right-align buttons for the second image.

    Thread Starter Erwin

    (@erwin-hidayat)

    Done. Thanks, Ben.

    Another way, I create column to make it happens. This plugin works for me.

    Always appreciate your helping hand ??

    Theme Author Ben Sibley

    (@bensibley)

    You’re welcome, thanks for sharing that plugin ??

Viewing 9 replies - 1 through 9 (of 9 total)
  • The topic ‘Space between images’ is closed to new replies.