Reduce Space Between Images

faunageo · Member · Jul 17, 2017 at 11:47 am
Copy link

Add topic to favorites
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: (visible only to logged in users)
hacchism · Staff · Jul 17, 2017 at 12:21 pm
Copy link
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 :)
hacchism · Staff · Jul 17, 2017 at 12:23 pm
Copy link
Just adding a relevant link:

How to Add Custom CSS
https://en.support.wordpress.com/custom-design/editing-css/
faunageo · Member · Jul 17, 2017 at 1:00 pm
Copy link
Many thanks @hacchism
It worked perfectly!
R
hacchism · Staff · Jul 17, 2017 at 11:28 pm
Copy link
@rprwg

Glad to hear that it worked well :)
You are very welcome.
faunageo · Member · Jul 18, 2017 at 4:30 am
Copy link
@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
hacchism · Staff · Jul 18, 2017 at 3:35 pm
Copy link
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!!
faunageo · Member · Jul 18, 2017 at 5:59 pm
Copy link
Perfect!
Many thanks!
R
hacchism · Staff · Jul 19, 2017 at 12:22 am
Copy link
No problem :)

No items found.