Lifestyle Pro Header design question

[[email protected] Design]

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

---

Steve Adams | 316 Design | 619.726.9923
We live the lifestyles that we promote.™

http://stevenlatinofishing.com/

[David Chu]

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

[[email protected] Design]

This reply has been marked as private.

[[email protected]]

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

[Author]

Posts