Reduce Space Between Images

  • Author
    Posts
  • #2990201

    rprwg
    Member

    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.

    https://wiserbrains.wordpress.com/2017/07/04/true-innovators-do-not-care-about-fulfilling-peoples-expectations/

    Is that possible?

    Many thanks
    Ralph

    The blog I need help with is wiserbrains.wordpress.com.

    #2990290

    hacchism
    Staff

    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 :)

    #2990291

    hacchism
    Staff

    Just adding a relevant link:

    How to Add Custom CSS
    https://en.support.wordpress.com/custom-design/editing-css/

    #2990297

    rprwg
    Member

    Many thanks @hacchism
    It worked perfectly!
    R

    #2990376

    hacchism
    Staff

    @rprwg

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

    #2990408

    rprwg
    Member

    @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)

    https://wiserbrains.wordpress.com/intro/

    How can I solve it?
    Many thanks
    Ralph

    #2990457

    hacchism
    Staff

    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.

    Thanks!!

    #2990467

    rprwg
    Member

    Perfect!
    Many thanks!
    R

    #2990473

    hacchism
    Staff

    No problem :)

You must be logged in to reply to this topic.