Jump to content
Sign in to follow this  
lewiswallace

CUSTOMISE COLORS OF THE DROP DOWN NAV ON THE CLASSIC NAV BAR AND FIXED BAR

Recommended Posts

lewiswallace    0
lewiswallace

HI I'm Lewis I am currently building myself a new website and I want to customise the colors of the Nav Bar wether it would be the classic one or the fixed one. Actually what I want to customise is the colors of the drop down navigation which is always seems to be Blue when you scroll over it. 

Can you help me ? 

Thanks,

Share this post


Link to post
Share on other sites
catrina    103
catrina

You’ll need to use Custom CSS (in Site Options > Custom Code > Custom CSS/LESS). To find the Custom CSS you need, you'll need to use Firebug (or Chrome Development tools). To learn how to use Firebug for CSS customizations, please review this entire documentation and follow the instructions: http://support.pagelines.me/docs/customization/custom-css. For help with the background color, please see these instructions: http://w3schools.com/cssref/pr_background-color.asp. For help with the link attribute (the color of the link text itself), please see these instructions: http://www.w3schools.com/css/css_link.asp.


Please read the docs before posting. Please do not private message me unless I ask you to.

Designer | Catrina Dulay

Founder | Catrina and Mouse

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now

Sign in to follow this  

  • Similar Content

    • jamieg270
      By jamieg270+
      Hi,
       
      I'm having a few issues with a site : http://cabaldwin.com/cabco/manufacturers/
       
      This is running latest version of Pagelines Framework and Wordpress 3.6.1 and uses a child theme.
       
      At the moment the dropdowns on the Classic Nav are not appearing.
       
      There are a few plugins (pagelines plugins and some third party) however I have already tried deactivating these which has no effect.
       
      In Chromes developer tools I noticed there are several errors showing and they are all to do with javascript associated with the Classic Nav section in the Sections folder of Paglines
       
      The site had been migrated by my service provider to a new server recently, which is when this issue arose, so I thought the files might have become corrupted. So I have downloaded a fresh copy of Pagelines from my Launchpad account and replaced the whole Pagelines folder. However the errors keep showing.
       
      Any ideas what might be causing this?
       
      Thanks,
       
      (attached is a screengrab of the errors showing in Chrom developer tools)
       
       
       
      Jamie
    • kaiserbrand
      By kaiserbrand
      Hello!
       
      I'm having trouble placing the social icons in the same "row" as the main navigation (I'm using the classic nav). The ideal result would be the navigation aligned left, the icons right.
       
      I tried the function for the customize plugin Danny provided in this post http://www.pagelines.com/forum/topic/19563-how-can-i-add-social-icons-to-the-brand-nav/, and tried to locate the correct position with ActionMap.
       
      With this I was able to place the icons anywhere within the page but the same row as the navigation. I thought "pagelines_inside_bottom_nav" would do the job, but all that happens is a line break.
       
      You can see my problem here: http://wuoau.org/
       
      My additional function in functions.php looks like this
       


      add_action('pagelines_inside_bottom_nav', 'social_icons'); function social_icons(){ ?> <div class="icons" align="right">   I'm an animator, not a web designer. Maybe I just can't see the super-easy & super-obvious solution   Greetings from Berlin, Wolfgang
    • jeremyh78
      By jeremyh78
      I've upgraded a site to Pagelines Framework and have been fixing a bunch of things that didn't translate across. One of the things I'm having an issue with is getting the new Standard NavBar to show. The site is still showing the classic nav and I can't for the life of me figure out how to make it show the new nav.

      The site is http://timarndtfitness.com

      Any ideas or am I missing something totally obvious?
    • mdvanhelden
      By mdvanhelden
      Hi!
      I hope someone can help me out.
      It is about this site: www.Armadix.nl/wordpress
      The owner of the site wants his logo in the Nav bar and not like in a fixed Nav Bar, but like in his html site: www.Armadix.nl

      I am using Pagelines Framework 2.3.3 and a child theme. In the CSS I managed to put the menu on the right, but how can I put the logo on the left?
      Do not mind the colors, its just for me to see what I am doing.

      Anyone an idea? Maybe a complete other direction?

      Thanks!

      Monique
    • airplant
      By airplant
      Hello,

      I´m using the ubermenu in Nav Classic Section which is working so far. Nonetheless the width of the menu still isn´t 100%.
      The plugin developer said that the container only is 760px.

      http://www.natur-coaching.eu

      How can I get it to work. I dont need the searchform within the navbar so I put "display: none" in the custom css. Still the navigation appears only 3/4 of the full width.

      Thanks a lot in advance,

      patrick
×