Jump to content


Photo
- - - - -

NavBar design help...


This topic has been archived. This means that you cannot reply to this topic.
3 replies to this topic

#1 timothygothra†

timothygothra

    Newbie

  • DMS Subscriber†
  • 2 posts

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

  • DMS Subscriber†
  • 5126 posts

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

  • DMS Subscriber†
  • 2 posts

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
  • 18893 posts

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.