Home Forums Weaver Xtreme Theme space between blocks

Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • #74681
    beethoven
    Participant

    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 ?

    #74682
    scrambler
    Moderator

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

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

     

    #74683
    beethoven
    Participant

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

    #74684
    scrambler
    Moderator

    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

    #74685
    beethoven
    Participant

    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;}

    #74687
    scrambler
    Moderator

    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;}

     

     

    #74690
    beethoven
    Participant

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

    #74691
    scrambler
    Moderator

    de rien 🙂

Viewing 8 posts - 1 through 8 (of 8 total)
  • You must be logged in to reply to this topic.