Reduce space around h1 heading on home page

  • Coco Q

    (@the-shiny-butter-blog)


    2 years, 10 months ago

    Hi there,

    How do I reduce the space at the top and bottom of the H1 heading on my static home page?

    I’d also like to center the heading and even have the option to change the color, if possible.

    Thanks very much. I love this theme.

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

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

    (@anlino)

    Hi @the-shiny-butter-blog,

    Go to Appearance → Customize → Additional CSS (the menu labels might be different in your language) and add the code below:

    .home h1 {
color: red;
margin-top: 32px;
margin-bottom: 32px;
text-align: center;
}

    Adjust the values to your liking. Let me know if that does it.

    — Anders

    Thread Starter Coco Q

    (@the-shiny-butter-blog)

    This is awesome—thank you for your reply.

    This works exactly like I was picturing for the color and alignment…

    But how do I significantly decrease the white space above and below the header on my static home page? The margin-top and margin-bottom adjustment affects the image below the H1 but not the white space above and below the H1. Is this padding? Or…?

    Thanks very much

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Reduce space around h1 heading on home page’ is closed to new replies.