Archived

This topic is now archived and is closed to further replies.

  • 0

Separater Lines and Margins


Question

Posted · Report post

Hello there. I just purchased Pagelines Framework today for my website. I'm doing pretty well with it. 

 

http://www.southmountaininc.com/

 

My site has a long way to go with tweaks, but there are two primary CSS edits I can't figure out. 

 

--

 

1) I'd like to add seperater lines above and below my navigation, as well as below my feature slider. 

 

I've tried things like: 

.navigation_wrap { border-bottom: 1px !important; }

 

But I'm afraid I'm not getting the CSS quite right. 

 

--

 

2) On my home page, the boxes text content is too close to my footer. I'm not sure how to go about adding a margin below the boxes so there is some breathing room between the text and the contrasting footer.

 

Any ideas?

 

--

 

Thank you for you help!

Share this post


Link to post
Share on other sites

2 answers to this question

Posted · Report post

Thank you for leading me in the right direction. It took me a few minutes, but here's the code I found to solve it:

 

 

#nav {
border-bottom: solid;
border-bottom-color: #e3e3e3;
border-bottom-width: 1px;
}
#features {
border-bottom: solid;
border-bottom-color: #e3e3e3;
border-bottom-width: 1px;
}
#page-main {
  margin-bottom: 50px;
}

Share this post


Link to post
Share on other sites

Posted · Report post

Hi,

 

Welcome and thank you for your interest in PageLines and kind words.

 

I think the element you're really looking for is:

#primary-nav ul.main-nav
 
The code for the bottom border is something like this:
border-bottom2px solid #C00000;
 
You can use Firebug (www.getfirebug.com) or use Chrome's Inspection Tool to identify these elements and test solutions in the built in sandbox.
 
For 2), I'd again suggest using one of those tools to find the exact element to which you may add a margin, or use the footer, adding margin or padding at the top.
 
 

Share this post


Link to post
Share on other sites