Lifestyle Pro Header design question

Community Forums Forums Design Tips and Tricks Lifestyle Pro Header design question

This topic is: not resolved

This topic contains 3 replies, has 3 voices, and was last updated by  julie@juliegalbraith.com 7 months, 2 weeks ago.

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #71050

    Steve@BHQ
    Participant
    Post count: 94

    I’d like to get rid of the space above the header so that it’s flush at the top.
    Does anyone know how I do that with this new Pro Theme
    Thx Steve

    http://stevenlatinofishing.com/
    #71062

    David Chu
    Participant
    Post count: 1319

    Sure thing! Go to Appearance… Edit so you’ll be looking at your style.css. I’ve done a before and after below. Notice how I’ve changed the “margin” line in the “after” block of code. This will bring it the header to the top, but leave some space at the very bottom of the page. If you want to kill space even at the bottom of the page, you could do just “margin: 0 auto;” instead.

    [css]
    .site-container {
    background-color: #363636;
    margin: 3.2rem auto;
    max-width: 1140px;
    overflow: hidden;
    }

    .site-container {
    background-color: #363636;
    margin: 0 auto 3.2rem;
    max-width: 1140px;
    overflow: hidden;
    }
    [/css]

    Happy angling,
    Dave


    Dave Chu · Custom WordPress Developer – likes collaborating with Designers

    #71087

    Steve@BHQ
    Participant
    Post count: 94
    This reply has been marked as private.
    #78555

    julie@juliegalbraith.com
    Member
    Post count: 1

    I also would like to get rid of the space above AND to the left and right of the header so that it’s flush at the top and sides.
    Does anyone know how I do that with this new Lifestyle Pro Theme. I tried changing my style.css with the code above – but it didn’t do anything. Here is the site http://www.travellingfortwo.com and here is the code I changed.

    .site-container {
    background-color: #FFFCF3;
    box-shadow: 0 0 5px #194F7C;
    margin: 0 px auto;
    margin: 0 auto 3.2rem;
    max-width: 1140px;
    overflow: hidden;
    padding: 36px;
    padding: 3.6rem;
    }

Viewing 4 posts - 1 through 4 (of 4 total)

You must be logged in to reply to this topic.