Closing Gap in Services Gutenberg block

  • Resolved sarahb1863

    (@sarahb1863)


    2 years, 2 months ago

    Hi all,

    So I’m working on this web page and using a Gutenberg Block called “Services.”

    How do you close the gap between the image and the title? I can’t find anything that does that, and the space between the image and the title is HUGE.

    If you look at my page, scroll down and about 2/3 of the way you’ll see a row of 4 blocks that show what I’m talking about.

    Thanks!

    Sarah B.

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

Viewing 2 replies - 1 through 2 (of 2 total)
  • Moderator Steven Stern (sterndata)

    (@sterndata)

    Volunteer Forum Moderator

    .wp-block-coblocks-service__content h3 {
    margin: 0;
}
figure.wp-block-coblocks-service__figure {
    margin-bottom: 0.5em;
}

    To add or override CSS:?use the “Additional CSS” option in the customizer.? https://codex.www.ads-software.com/CSS#Custom_CSS_in_WordPress?or at [site]/wp-admin/customize.php if you don’t have that menu option.

    Use the?Chrome Developer Tools?or?Firefox Developer Tools?to help you see and test changes to your CSS.

    Thread Starter sarahb1863

    (@sarahb1863)

    Thank you!!! That worked. You’re awesome!

    Would it be possible to do the same thing with the headings that I have on the site? There’s a lot of space between the headings and the copy below them. For example on this page:

    https://3g1.c0d.myftpupload.com/payer-enrollment/

    I can’t find a way to close up that space between “Payer Enrollment” and “Commercial Plan Services”, and likewise between that heading and the boxes beneath it. You’d think there’d be some sort of margin adjustment, but nope. I tried switching to Elementor but that messed the layout up.

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Closing Gap in Services Gutenberg block’ is closed to new replies.

Tags