Thanks Mike, that CSS worked.

Question on the CSS for the space on top of images. I’m using the following:

.single .post-entry img {
padding-top:4em !important;
}

But if you look on the images in the link I gave you, once I load the page and hover my mouse over the image, the image jumps down a few pixels for some reason. This happens with every single image on that page when I hover over it. It’s rather strange and annoying.

I’m not sure why this is happening.

Also, the space on top of each image is clickable and opens the lightbox, which is what it should do when I click on the image itself. Any way to make that not clickable? I’ve used margin-top too but that still does the same thing.

Thanks in advance!

Hi Mike,
Sorry for the delay. I was originally using the Gutenberg editor, but having switched back to Advanced Layout Builder, I still have the same issue. Essentially I just want XX pixel amount of space above each image I place, and below each image caption within my blog post, so that there is a whitespace “cushion” surrounding images. I managed to find the CSS for the space above the image, but I can’t seem to find the CSS that refers to the padding or margin after the caption of each image. My post isn’t live so I can’t show you the link, but hopefully I’ve explained this enough for you to understand what I’m trying to do.

Many thanks!

Thanks for this. The code worked for everything BUT the single blog post!
I’m using a child theme, and have just added a style.css in the child theme root folder, which is where I have been putting all of my custom css.

Also, I still see the borders around my images, so that css did not work.

Any other suggestions?
Many thanks!

Hi,
No I did not fix it.
The Pin it button is part of the widget so it works fine. Anything out of, and above the widget does not work.

If I am able to put those social media icons within a widget, that may solve my issue too, but I can’t seem to get that to work either.

If I copy and paste the

social media section in the header, it doesn’t show at all in a widget area text box that I create.

Taku

Disabling the plugins didn’t do anything.

I have another page here: http://www.smaku.com/blog/how-i-edited/ that has the icons I was talking about.
Everything above the Pin It icon is done on the Page settings, and everything below it is inside a widget.

Thanks!