Need help? Check out our Support site, then

Reduce Space Between Images

  1. Hi!

    On the following page, you'll see, on the sidebar, three categories with yellow background. They are clickable images.

    What I want to do is to reduce the space that separates them from one another.

    Is that possible?

    Many thanks

    The blog I need help with is

  2. Hi there,

    If you have the Premium plan or the Business plan for your site, you can reduce the space by adding the following CSS code.

    If you don't have those plans, there is no way to reduce the space unfortunately :(

    .widget img {
        margin-bottom: -20px;

    The value of "margin-bottom" is changeable. If you want to make the space narrower, you can decrease the value.

    If you have any further questions, please let us know anytime.
    Thanks :)

  3. Just adding a relevant link:

    How to Add Custom CSS

  4. Many thanks @hacchism
    It worked perfectly!

  5. @rprwg

    Glad to hear that it worked well :)
    You are very welcome.

  6. @hacchism
    Hi again!

    I think I have a problem with image alignment
    By DEFAULT, if you insert an image on a page or post, should it be left aligned, correct?

    On the below page, images are just inserted, with no alignment by default, but they seem to move to the center. What I see in the composer (they are left aligned by default) is not what it shows on the page after it is published (center aligned)

    How can I solve it?
    Many thanks

  7. You want images in your posts to be left aligned right?

    Please use the following CSS code :)

    .aligncenter img, .alignnone img {
        margin: 0;

    I hope this helps you.


  8. Perfect!
    Many thanks!

  9. No problem :)

Topic Closed

This topic has been closed to new replies.

About this Topic