Pique Theme – [CSS] How to change amount of spacing btwn header and body?

  • Unknown's avatar
    stephaniemoore504 · Member ·

    I’ve finally completed my wedding website, adopting the Picque theme and altering it to fit our needs. I’m happy with how the site turned out except for one small thing.

    In each panel, the empty space between the header, ex: Our Big Day, and the rest of the font / links in the body is HUGE. The spacing throughout the rest of the website is fine, it’s just this one specific instance on each panel. I’d like to shrink that space to a normal amount of space, and I think I would use CSS to do that given that it’s a stylistic change, but thus far, I have not been able to figure it out. I think it may have something to do with the margin or padding size, but I can’t figure out how to properly alter this, as I know nothing about CSS.

    Any advice would be much appreciated.

    The blog I need help with is: (visible only to logged in users)

  • Unknown's avatar
    hallluke · Member ·

    To reduce the spacing after the section titles you can paste this code in to the CSS section of the customiser:

    .home .pique-panel-content .entry-footer {
  display: none;
}

    If you want to reduce it even more add this in as well:

    .home .pique-panel-content .entry-content {
  margin-top: 0;
}
  • Unknown's avatar
    stephaniemoore504 · Member ·

    Thank you hallluke!! I entered both codes into the CSS section and it fixed the exact problem! Thanks again!!

  • The topic ‘Pique Theme – [CSS] How to change amount of spacing btwn header and body?’ is closed to new replies.