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 1 year, 8 months ago.

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

    Steve@BHQ
    Participant

    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

    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.

    .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;
    }
    

    Happy angling,
    Dave


    Dave Chu · Custom WordPress Developer – likes collaborating with Designers

    #71087

    Steve@BHQ
    Participant
    This reply has been marked as private.
    #78555

    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)

The topic ‘Lifestyle Pro Header design question’ is closed to new replies.