WordPress.org

Ready to get started?Download WordPress

Forums

[resolved] Remove whitespace around Featured area on home page (4 posts)

  1. knowgood
    Member
    Posted 1 year ago #

    I work for a nonprofit who help find cheaper medical alternatives. We just implemented a new theme called Inspired, which we love. Unfortunately, there is way too much white space around the Featured area on the home page, the four topics that run horizontally across the page.

    I see a lot of forum posts about whitespace, but none of the answers seem to matchup to my issue. Here is our url: http://www.parsemusfoundation.org/

    I assume it's something in the CSS I can change, but I'm not sure how to identify what needs changing. I don't know CSS super well, but I take instructions well. Please help! My boss is getting frustrated.

    Thanks!
    Alex

  2. WPyogi
    Volunteer Moderator
    Posted 1 year ago #

    Does that theme have a custom CSS option? You really don't want to be making changes to your theme files because they will be erased when the theme is updated. So if not, you could use a Custom CSS plug-in or make a child theme. That said, the space is being created partly by the padding in this CSS:

    #pageContent {
        padding: 30px;
    }

    You'd probably want to change it to:

    #pageContent {
        padding: 0 30px;
    }

    But below it, there is also a bunch of HTML code that is creating the empty space:

    <div class="hrWrap">
    <div class="horizontalRule" style="height:30px;"></div>
    <div class="hr" style="height:30px;"></div>
    </div>

    You'll need to figure out where that is coming from in the template for that page or possibly use CSS to hide it:

    .hrWrap {
       display: none;
    }

    However, if that element is used on other pages, it may also remove it there -- if not desired, you can target only the home page by using this instead:

    .home .hrWrap {
       display: none;
    }
  3. Andrew
    Forum Moderator
    Posted 1 year ago #

    WPyogi's well-thought, detailed response should resolve this issue.

  4. knowgood
    Member
    Posted 1 year ago #

    WPyogi, you are so nice! Thanks very much for your help. I couldn't get rid of as much white space as I'd have liked, but it looks much better after I made the changes you suggested. Your time is appreciated.

    Best,
    Alex

Topic Closed

This topic has been closed to new replies.

About this Topic