January 9, 2014 at 4:13 pm #84255
I have a question about using the landing page template with the metro-pro theme. I don't want a big white area on top (where the header would normally be) - how can I get rid of it? This isn't normally how I would set up a site - but the page is temporary and I need to work with the design I've been given.
Here is the link: http://dsadvice.webcopyresults.com
Thanks!http://dsadvice.webcopyresults.comJanuary 9, 2014 at 5:24 pm #84259
You need to modify the style sheet.
1. Open up the style.css in a text editor
2. Find the <div class="site-container">
3. Modify the Margin and Padding(s) to suite your taste.
Margin Default is 32 px
Top Padding Default is 36 px
Reducing these (2) variables will remove the "white border" area at the top.
If your using Firefox (install the Firebug plugin) then you can view this by Inspecting the Element and Layout of the Page
This also lets you make adjustments to test w/o affecting your code.
Hope this helps.
“Life is Social” & “Social is the Lifeblood” of a Small Business Owner.January 9, 2014 at 5:30 pm #84260
Let me try that again - I did try to reduce both to 2 px originally, but no luck…
(Sorry, I should have spelled out the edits I had tried already).
Let me see if I didn't save or something.January 9, 2014 at 5:34 pm #84261
Here is the code:
/* Site Containers
margin: 5px auto;
margin: 3.2rem auto;
Wasn't sure if I needed to tweak the margin: 3.2rem auto and padding: 3.5rem as well?January 9, 2014 at 6:01 pm #84265
OK... I see your issue.
The Site container is Auto and that one line is controlling Top and Bottom Margins....which are both set to 3.2 REM (32 px)
If your ok with adjusting both the same, then reduce that value.
Otherwise: You may need to remove the Auto and set your Margins independent. Top, Bottom, Left Right.
May need to adjust Padding REM the same way.
Hope this helps.
“Life is Social” & “Social is the Lifeblood” of a Small Business Owner.January 9, 2014 at 6:06 pm #84267
I'm not sure I am following what you mean - can you please show how you would tweak it? (Am I only making changes to the code I provided above - or elsewhere? What values do you recommend I use and where?)
Thanks!January 9, 2014 at 6:09 pm #84268January 9, 2014 at 6:11 pm #84271
Nevermind - caching issue - got it.
Thanks!!!!!January 9, 2014 at 6:14 pm #84273
Glad that fixed for you. Yeah the caching issue can catch you....it's bit me more times than I can count LOL
“Life is Social” & “Social is the Lifeblood” of a Small Business Owner.
You must be logged in to reply to this topic.