the text after the photo is published without a space

Hey @build5,

Thanks for using Neve and reaching out.

This is the normal behavior of the theme, however, if you want to have space below the image then you can use “Spacer” block just below the images, that way you can manually adjust the spacing according to yourself, see here: https://vertis.d.pr/i/E4yl4f

Another option will be to use the following custom CSS code under Customizer > Additional CSS

.wp-block-image img {
    margin-bottom:10px;
}

Note: You can adjust the margin according to yourself

I hope it helps.

Thank you and have a great day!

Thanks for the detailed answer
it’s a pity that the lack of space under the photo is common for Neve ((

• This reply was modified 2 years, 3 months ago by build5.

custom CSS code under Customizer > Additional CSS

.wp-block-image img {
    margin-bottom:10px;
}

This option only works halfway.
Because there is space not only between the photo and the text, but also between the photo and the caption (and this is not quite beautiful (()

Hello @kushnamdev

I’ve had the exact same issue as build5, and it was not occurring before the latest theme update. Build5 is right, the image fix does not look elegant when you have image captions.

Two other issues since the last update are that the space between video embeds is also gone, so I fixed that with this:

.wp-block-embed {
    margin-bottom:20px;
}

Also the quote block now comes up with huge text. I fixed that with this:

.wp-block-pullquote blockquote {
	font-size: .5em
}

None of these issues was present before the latest update of the Neve theme, so when you say it’s the normal behaviour of the theme, is this a new thing (the new normal) because it wasn’t like this before!
I love Neve, it’s fantastic, but having to fix layout issues with CSS after an update seems a bit not right.

Cheers.

• This reply was modified 2 years, 3 months ago by mj33777. Reason: messed up the code tags

Hi @build5 and @mj33777!

To add the margin only below the image caption, you can remove the “img” selector from the snippet my colleague provided above. The code will look like the one below. Feel free to change the value as you please.

.wp-block-image {
    margin-bottom: 20px !important;
}

@mj33777 As for the embedded videos and the quote block, I can’t replicate the behavior described above, everything looks properly for me – screenshot.

Thanks!

It is clear that everything can be fixed with the help of additional styles.
But the problem I am writing about is not seen in 99.9% of any other themes, blogging platforms, website builders, etc.

This is a common practice – the signature is pasted to the photo, then a space and text

So maybe it makes sense to fix the theme itself? What for to produce these codes in for a long time already usual situation?

@luciamarinescu
Thanks for the CSS.
I don’t know why my quote block went like it did then. Your screenshot doesn’t have the video embed. Even if these issues are unique to my implementation, I still agree with Build5 about why we have to fix the caption thing with CSS when it seems like an error with the theme. It wasn’t normal in the theme before the last update.
Cheers

Hi @build5 and @mj33777!

I checked this on a fresh instance with Neve and the space that appears in the editor between the image and the caption appears for me on the published page too – screenshot, so it doesn’t seem to be a general issue with the theme. In this situation, we provided custom CSS to fix the issue on your end since we can’t replicate it on our test instances.

Thanks for understanding and have a nice day ahead!

@luciamarinescu, quite right, there is space, but only if the photo has a caption.

If the photo does not have a caption, then the space disappears. And everything below is glued to the photo (without a caption): the text of the entry, the next photo, video

In your theme, space appears only if the photo has a caption

• This reply was modified 2 years, 2 months ago by build5.

@luciamarinescu, try adding a photo without a caption and then text or another photo and see what happens

Hi @build5,

Thank you for bringing it to our attention. We were able to replicate this behavior and forwarded it to our development team. In the meantime, you can use the CSS provided by our colleagues.

Let us know if we can help with anything else.