Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

No white space between image block and text block #8903

Closed
anupviews opened this issue Aug 12, 2018 · 8 comments
Closed

No white space between image block and text block #8903

anupviews opened this issue Aug 12, 2018 · 8 comments
Labels
Needs Testing Needs further testing to be confirmed.

Comments

@anupviews
Copy link

anupviews commented Aug 12, 2018

As the title says, there is not any white space line between image and text block. In post editor it seems like there is space but when you preview it, it does not have any space. Please fix this.

@chrisvanpatten
Copy link
Contributor

@anupviews Can you provide screenshots? Information on your browser version, OS, etc. might be helpful too.

@chrisvanpatten chrisvanpatten added the [Status] Needs More Info Follow-up required in order to be actionable. label Aug 12, 2018
@anupviews
Copy link
Author

anupviews commented Aug 13, 2018

@chrisvanpatten Sure! The first one is the image block and the second one is the text block in the editor:
screen shot 2018-08-13 at 9 21 42 pm

But when I post it, it looks like this (post page):

screen shot 2018-08-13 at 9 22 02 pm

There should have some margin between image and text blocks. Classic editor does not have this issue.

I'm using MacOS Sierra 10.12.6, Google Chrome Version 68.0.3440.106.

Correction: I meant to type 'block', not 'blog' in this thread title.

@anupviews anupviews changed the title No white space between image block and text blog No white space between image block and text block Aug 13, 2018
@designsimply designsimply added Needs Testing Needs further testing to be confirmed. and removed [Status] Needs More Info Follow-up required in order to be actionable. labels Aug 15, 2018
@AdrienGit77
Copy link

Same issue here.

How to get the same look?

@AdrienGit77
Copy link

AdrienGit77 commented Aug 31, 2018

My new setting to resolve this:

.wp-block-image figcaption {margin-top:-20px; margin-bottom:15px;}

@skorasaurus
Copy link
Member

This appears to be solved for me; with #9566

Now, Gutenberg 4.5.1 has a default of .wp-block-image figcaption {margin-top: .5em; margin-bottom:1 em;}

@tara2
Copy link

tara2 commented Feb 6, 2019

I still have a problem ...we like some space under videos - and also under each video heading - when we have several of them embedded on a page. The only way I've fudged this so far is putting several letters in a text block and making their colour to be white.

How does one make spaces appear in Gutenberg??

@CoderGeek700
Copy link

Hi there,
In desktop website, I faced an issue when I added a video after the title header and I would like to reduce that space and that also happened with mobile devises layout!! please fix that issue

@youknowriad
Copy link
Contributor

This seems fixed by default, if you're still seeing similar issues, consider checking the stylesheets of your theme.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
Needs Testing Needs further testing to be confirmed.
Projects
None yet
Development

No branches or pull requests

8 participants