WordPress.org

Forums

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

  1. knowgood
    Member
    Posted 2 years 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
    Forum Moderator
    Posted 2 years 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 2 years ago #

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

  4. knowgood
    Member
    Posted 2 years 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