theme builder -> all blog posts -> increase space around image

The image you are showing is only of the template that Divi outputs on the back end. What is it doing on the front end? What does it look like to the user?

 

Ok. So the image is part of the post. You would need to edit the actual post. Since it seems you don't want to use the Divi Builder on these pages, you do so by selecting the visual button on the text editor (or Edit As HTML in the block editor) and adding <br> anywhere you want an additional line break.

 

Yes. But you are not using the Divi builder (different from the Divi Theme Builder) on the posts themselves. The only ways I know of to make the padding adjustments you want are:

1. To edit each post individually and make sure there is proper spacing between your text and images using <br>
2. Add custom css that adds padding to each img tag, which will affect all of your images or if done for each individual image will create a lot of unnecessary code.

Theoretically you could fudge the spacing though, if you aren't using the border (and this will look weird with the box shadow):
In your Divi Theme Builder (you pictured above) add a transparent upper and lower border to the image settings. You can make these as small or large as you'd like. However I am unable to get the borders to work on my devel site.

 

1. I figured that was the case, but unfortunately, I think it may be the only solution that will work at the moment.
2. Your statement is correct if you assign each of the images their own class, but in the default situation, all of the images are addressed by the <img> tag and so editing the css for the img tag will change all images. You can adjust this by referencing each image number in the css. This seems like a bad work around, since you would have to edit the css every time you add a new image.

If you are able to add a class to each of the post images, then you can simply add:

.classname {
padding-top: 25px;
padding-bottom: 25px;
}

This code will add padding to all images with that you assign to that classname.

As for the borders: that's the same issue I was having with the borders. I think they need to fix that.


If anyone else has a solution, please feel free to comment!

 

Thanks for letting us know. If that is only used for posts, that's great! I hope they add that capability to the builder in the near future. It seems that it would be useful for a lot of people.