Jump to content


Photo
- - - - -

Separater Lines and Margins

navigator lines footer margins

Best Answer MusicGal , 24 January 2013 - 03:44 PM

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;
}
Go to the full post


  • Please log in to reply
2 replies to this topic

#1 MusicGal

MusicGal

    Member

  • Members
  • 24 posts
  • Framework Version:Pagelines
  • Country: Country Flag

Posted 24 January 2013 - 03:18 AM

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

 

Please Login or Register to see this Hidden Content

 

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: 

Please Login or Register to see this Hidden Content

 

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!



#2 Rob

Rob

    One Smart Egg

  • Members
  • 13575 posts
  • LocationEast Coast, USA
  • Framework Version:The Latest, of course
  • Country: Country Flag

Posted 24 January 2013 - 03:38 AM

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 (

Please Login or Register to see this Hidden Content

) 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.
 
 


#3 MusicGal

MusicGal

    Member

  • Members
  • 24 posts
  • Framework Version:Pagelines
  • Country: Country Flag

Posted 24 January 2013 - 03:44 PM   Best Answer

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