Element Spacing Issues

  • I’m currently developing a site using the Twenty Seventeen Theme, https://www.theicpodcast.com, and I’m having major issues with element spacing and padding. There’s too much vertical space between the nav menu and the “Home” Title, and too much space in-between the “Home” title and the actual content for that section, and it’s an issue with every single section on my site. I know that the space is likely there because this theme usually has accompanying photos with the sections, but I’ve taken those out, as they’re just not needed for what I’m doing. Any help on resolving this?

    • This topic was modified 8 years, 2 months ago by talonlister.
Viewing 1 replies (of 1 total)
  • Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    If you’re not using a Child Theme, and if the theme doesn’t have a section for CSS modifications then do the following:

    1. Install this Custom CSS Manager plugin https://www.ads-software.com/plugins/custom-css-manager-plugin
    2. use its “CSS Code” section of the dashboard to hold your CSS modifications:
    3. (put this code in)

      

.page-one-column .panel-content .wrap {
    padding: 1em 0 .5em;
}

.page.page-one-column .entry-header, 
.twentyseventeen-front-page.page-one-column .entry-header, 
.archive.page-one-column:not(.has-sidebar) .page-header {
    margin-bottom: 1em;
}
    4. Save

    Alternatively use your Child Theme style.css file to hold your CSS modifications

Viewing 1 replies (of 1 total)
  • The topic ‘Element Spacing Issues’ is closed to new replies.