remove whitepsace where title is?

  • rnmartinez

    (@rnmartinez)


    2 years ago

    Hi everyone,

    at my page, LuchaComics.com, I hid my title as I didn’t want it exactly where the theme placed it. I created a new H1 to serve as the title below my main image. There is still some whitespace left, so I was wondering if it is possible to:

    a) reduce the space and have some finer control over the height of this whitespace in pixels

    and

    b) eliminate it completely

    what css could I use to achieve this?

    Thanks
    Rodolfo

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

Viewing 1 replies (of 1 total)
  • Moderator Kathryn Presner

    (@zoonini)

    Hey there, are you looking to tighten up the spacing above and below the words “Lucha: Comic Books & Graphic Novels for Everybody.” as shown here?

    Lucha Comics Awesome Independent Comics Books Graphic Novels

    If so, this CSS should tighten things up in that area:

    @media screen and ( min-width: 700px ) {
  .home .entry-content h1 {
    margin-top: 0;
    margin-bottom: 0;
  }
}
@media screen and ( min-width: 1000px ) {
  .home .entry-content > .wp-container-9.alignwide:not(.wp-block-group.has-background) {
    margin-top: 0;
  }
}

    Note that this will affect all H1 tags in your homepage’s content area; if you want to isolate the modifications to just this specific block, you could add a custom class to the H1 block and adjust the CSS as needed. I’d be glad to help you with that if needed.

    Let me know how it goes!

Viewing 1 replies (of 1 total)
  • The topic ‘remove whitepsace where title is?’ is closed to new replies.