how to get rid of top-margin in groupblock header

  • Resolved entlein

    (@entlein)


    2 years, 2 months ago

    Hi Anders,

    I am using your theme and love the fastness and the simplicity of changing styles to my liking! The only trouble I have is with the header and footer margins. I would rather have no top or bottom margins. For some reason I cannot get it to work.

    right now apparently there is a general rule for group blocks so that they are equipped with a top and bottom margin. var(–wp–custom–spacing–outer) I would rather use 0 (preferrably only for the header and footer sections.)
    The editor will not let me do it. did I miss out on something?

    I tried this in the browser developper tools and that worked. this seems to be the style where I need to go….

    .wp-block-group?{
    margin-top: 0;
    margin-bottom: 0;
    }

    The page I need help with: [log in to see the link]

Viewing 4 replies - 1 through 4 (of 4 total)
  • Theme Author Anders Norén

    (@anlino)

    Hi @entlein,

    Glad you like it! You can remove the vertical margins of a group block in the Site Editor settings. Instructions below.

    When you select a group in the Site Editor, click the “Block” tab in the right sidebar, then the three dots next to the “Dimensions” field group label, and make sure that “Margin” is selected in the list.

    Next, find the “Margin” setting in the field group, and click the chain button next to it so you can enter the top and bottom margin independently. Click the first of the two margin fields, which is for the top margin, and type “0”. That should remove the top margin of the group block.

    — Anders

    Thread Starter entlein

    (@entlein)

    thanks that worked well.

    Thread Starter entlein

    (@entlein)

    the feature margin is not available for the Cover Block, though.

    Theme Author Anders Norén

    (@anlino)

    @entlein You can wrap the cover block in a group and set the group to “Block Spacing: 0” and no vertical margin.

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘how to get rid of top-margin in groupblock header’ is closed to new replies.