space between blocks

[beethoven]

I try to redo some pages of the site vitaliteyoga.fr using (and decovering) the Block Editor. On this page : https://vitaliteyoga.fr/essai/ there is a lot of too much vertical blank space between the blocks. What can I do ?

[scrambler]

Add the rule below to the theme Global custom CSS rule box

#content *[class^=”wp-block-“] {margin-top:0;margin-bottom:0;}

 

[beethoven]

Thank you @scrambler, but, as you can see, it doesn’t work, even when adding !important

[scrambler]

The forum messed up the quotes of the rule sorry, you can retype the quote as straight or copy from below

#content *[class^="wp-block-"] {margin-bottom:0;margin-top:0;}

Also, I don’t see your rule, so make sure there are no syntax errors in rules above that one in your CSS file, which would break the CSS file

If it still does not work and you can’t find errors, paste the whole content of the Global Custom CSS box here using the “paragraph” style

[beethoven]

Voilà :

/* Go Blue Read More link */
.more-msg {background:#337FDD; border-radius: 8px; border:1px solid green;padding:2px 5px;margin-left:1%;} /* make the Continue Reading boxed */
a.more-link {color:white;margin-top:4px;font-size:85%;white-space:nowrap;}
a.more-link:hover {color:#ddd;text-decoration:none;}
/* End of subtheme options */

/* centrer l’icone hamburger verticalement
.menu-toggle-button.genericon, .wvrx-menu-button .genericon {vertical-align:middle;}
.wvrx-menu-button {margin-top:0.10em;}
.is-menu-mobile .wvrx-menu-container {padding-bottom:0.07em;}

/* Grosses initiales et espace après
.mycap {font-weight:bold;font-size:4em;line-height:1;}

/*-style for 4 columns on desktop*/
.content-4-col {float:left;width:25%;padding:0 1%;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;}
/*-Change to 2 columns on small tablets*/
.is-smalltablet .content-4-col {width:50%;}
/*-Change to 1 columns on Phones*/
.is-phone .content-4-col {width:100%;}
/*-sets the line breaks*/
:nth-of-type(4n+1).content-4-col {clear:left;}
.is-smalltablet :nth-of-type(4n+1).content-4-col {clear:none;}
.is-smalltablet :nth-of-type(2n+1).content-4-col {clear:left;}

/* pour trois colonnes, troisième colonne en pleine largeur
.is-smalltablet .content-3-col:last-of-type {width:100%;}

.page-id-737 .content-2-col:nth-of-type(1) {width:100%;}
.page-id-737 .content-2-col:nth-of-type(odd) {clear:none;}
.page-id-737 .content-2-col:nth-of-type(even) {clear:left;}
.single-content p {
margin:2px 2px!important;
}
#content *[class^=”wp-block-“] {margin-bottom:0;margin-top:0;}

[scrambler]

You need to pay attention 🙂

You forgot to close the last comment

/* pour trois colonnes, troisième colonne en pleine largeur

And make sure these quotes are straight…

 

/* Go Blue Read More link */
.more-msg {background:#337FDD; border-radius: 8px; border:1px solid green;padding:2px 5px;margin-left:1%;} /* make the Continue Reading boxed */
a.more-link {color:white;margin-top:4px;font-size:85%;white-space:nowrap;}
a.more-link:hover {color:#ddd;text-decoration:none;}
/* End of subtheme options */

/* centrer l’icone hamburger verticalement
.menu-toggle-button.genericon, .wvrx-menu-button .genericon {vertical-align:middle;}
.wvrx-menu-button {margin-top:0.10em;}
.is-menu-mobile .wvrx-menu-container {padding-bottom:0.07em;}

/* Grosses initiales et espace après
.mycap {font-weight:bold;font-size:4em;line-height:1;}

/* -style for 4 columns on desktop */
.content-4-col {float:left;width:25%;padding:0 1%;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;}
/*-Change to 2 columns on small tablets*/
.is-smalltablet .content-4-col {width:50%;}
/* -Change to 1 columns on Phones */
.is-phone .content-4-col {width:100%;}
/* -sets the line breaks */
:nth-of-type(4n+1).content-4-col {clear:left;}
.is-smalltablet :nth-of-type(4n+1).content-4-col {clear:none;}
.is-smalltablet :nth-of-type(2n+1).content-4-col {clear:left;}

/* pour trois colonnes, troisième colonne en pleine largeur */
.is-smalltablet .content-3-col:last-of-type {width:100%;}

.page-id-737 .content-2-col:nth-of-type(1) {width:100%;}
.page-id-737 .content-2-col:nth-of-type(odd) {clear:none;}
.page-id-737 .content-2-col:nth-of-type(even) {clear:left;}
.single-content p {
margin:2px 2px!important;
}
#content *[class^="wp-block-"] {margin-bottom:0;margin-top:0;}

 

 

[beethoven]

One more time, @scrambler, you are  the best ! Un grand merci !

[scrambler]

de rien 🙂

[Author]

Posts