Jump to content


Photo
- - - - -

NavBar design help...


  • Please log in to reply
3 replies to this topic

#1 timothygothra

timothygothra

    Newbie

  • Members

  • 2 posts
  • Country: Country Flag

Posted 10 January 2013 - 06:35 PM

Hello everyone!

 

I start by saying that I love pagelines! Wahoo!

 

My question is this...

 

I would like to put a line or a dashed line above the nav bar and one below the nav bar.  So, instead of having the typical black bar or having nothing, I would like to have a line on top and a line on bottom.  Can someone help me with this?

 

Here is the URL: 

Please Login or Register to see this Hidden Content



#2 James B

James B

    Advocate

  • Members

  • 5126 posts
  • LocationSurrey - UK
  • Country: Country Flag

Posted 10 January 2013 - 10:20 PM

Hi there, we're stoked you're enjoying Pagelines :-)

 

For any changes outside of the Pagelines settings you'll need to use custom css to make the changes. For an overview of css please see

Please Login or Register to see this Hidden Content

and

 

We'd advise you use web developer tools to look up the id's/selectors to assist with making the css changes you require, there's some great tutorials on youtube which can assist you with this going forward.

 

In the meantime I've provided an example of the code you're looking for below so you can see how the css is formatted, once you have found the correct code you can just past the code into Pagelines>site options>custom code.

 

Please Login or Register to see this Hidden Content

For more information on css please see -

Please Login or Register to see this Hidden Content



#3 timothygothra

timothygothra

    Newbie

  • Members

  • 2 posts
  • Country: Country Flag

Posted 11 January 2013 - 05:32 AM

Thank you so much!

 

The code you gave, should I paste that into the custom CSS? Or do I open up mozilla and go to firebug and search for ".section-navbar" and then when I find it copy it, edit it and paste it? 



#4 Danny

Danny

    Is Awesome!

  • Moderators
  • 17015 posts
  • LocationManchester, UK
  • Country: Country Flag

Posted 11 January 2013 - 09:22 AM

Hi Tim,

 

What you're best off doing is using either Firebug or your browsers web developers, inspect the navbar, then add your own border code, then copy and paste this into your Custom CSS.