Taking out padding above blog title

  • Hi there,
    I’m having real trouble with some of my pages.
    I’ve been using Bold Grid page and post builder and since the new update have been using Gutentor too – most to enable me to add blocks with specific categories of blog posts on my pages. Unfortunately there’s this weird, ugly gap of padding above the title of the blog posts and I don’t know how to get rid of it (see second block of posts – the ones with the blue background). I’ve checked the padding and margins for the block and title and it’s all set to zero, so I am a bit lost now. I’m also wondering if I can reduce the gap before the comment box, as it’s quite large!
    Thank you in advance for any help and advice you might be able to give me. The only way I’ve found to shrink the space is including the “Read more” button as shown in the first block, but then the margin at the top is too small.
    Best,
    Angelina

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

Viewing 3 replies - 1 through 3 (of 3 total)
  • Moderator bcworkz

    (@bcworkz)

    There are a bunch of CSS rules like this: height: calc(35vh - 15px); that manage the entire height of the post’s box, thus indirectly affecting the top padding because the content is bottom aligned. The rules are generated by “Gutentor Dynamic CSS”. You should ask how best to address this in that plugin’s dedicated support forum. While you could simply increase the 15px, reducing the box size; if people have short viewports there will not be enough room for the post content. Drag your window height to much shorter to see what I mean.

    There’s not really a gap above the comment box, there’s a hidden “Leave a Reply” title there that’s blue on blue. This title is currently tied to the post titles on white background, so you can’t just change the current CSS color. Try adding this to the customizer’s additional CSS section:

    #reply-title {
    color: #ddd !important;
}

    You can change the #ddd color to whatever you like.

    Thread Starter learningwithlina

    (@learningwithlina)

    Thank you so much!! That’s the first bit of CSS code I’ve used that actually worked!!

    I don’t suppose you might be able to help with getting rid of the annoying text at the bottom please?:

    “You may use these HTML tags and attributes:

    <abbr title=””> <acronym title=””> <b>

    <cite> <i> <q cite=""> <s> <strike> "

    Moderator bcworkz

    (@bcworkz)

    There is no comment form at all now on the page linked in your OP, but on other pages with the comment form it looks like you’ve managed to get rid of that annoying text on your own or by other means.

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Taking out padding above blog title’ is closed to new replies.

Tags