Jump to content


Photo
- - - - -

menu customization and item order


Best Answer Danny , 24 January 2013 - 12:47 PM

Hi,

 

You order your menu by going to Wordpress Admin Dashboard > Menus

 

To change the styling of your navigation, I recommend you use Firebug or your browsers built-in web dev tools. These tools allow you to inspect elements on your site, so you can change their CSS.

 

I also recommend you read our custom CSS documentation, which should assist you - http://support.pagel...ion/custom-css/

Go to the full post


  • Please log in to reply
3 replies to this topic

#1 tamarpostma

tamarpostma

    Advanced Member

  • Members
  • 44 posts
  • Framework Version:the latest!
  • Country: Country Flag

Posted 24 January 2013 - 12:33 PM

hello again!

 

I need a little help on my menu. I addes the necessary code to make the hover background disappear, but it's still white and i'd like it transparent. Also I need to order my custom menu, but in the site panel it's not working and the order is all messed up.

 

this is my code:

.navigation_wrap .main_nav {
    font-size: 20pt;
    height: 31px;
    margin-left: 63px;
    margin-top: 180px;
    text-align: left;
    
}

.main-nav .current-menu-item a, .main-nav .current-menu-item ul li a:hover {
         background-color: #000000 !important; color: #FFFFFF !important; }
.main-nav .current-menu-item ul li a {
        background-color: #000000 !important; color: #FFFFFF !important; }

.main_nav li a {
   background-color:transparent;
    color: white ;
}
.main_nav li a:hover {
   background-color:black;
color: black;
}

 

thanks for the help!

 

 



#2 Danny

Danny

    Is Awesome!

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

Posted 24 January 2013 - 12:47 PM   Best Answer

Hi,

 

You order your menu by going to Wordpress Admin Dashboard > Menus

 

To change the styling of your navigation, I recommend you use Firebug or your browsers built-in web dev tools. These tools allow you to inspect elements on your site, so you can change their CSS.

 

I also recommend you read our custom CSS documentation, which should assist you - 

Please Login or Register to see this Hidden Content



#3 tamarpostma

tamarpostma

    Advanced Member

  • Members
  • 44 posts
  • Framework Version:the latest!
  • Country: Country Flag

Posted 24 January 2013 - 01:14 PM

I seem to have solved both problems. The hover bg color by using this:

 

.main-nav li a:hover { background: none repeat scroll 0 0 transparent !important;
color:#fa852a }

 

thanks anyway for the quick reply! it seems everytime I write to you guys i solve the problem minutes later?!



#4 greenfly

greenfly

    Advocate

  • Members

  • 3268 posts
  • LocationManchester, England
  • Framework Version:latest
  • Country: Country Flag

Posted 24 January 2013 - 01:18 PM

Thanks for the update - This topic has been marked as closed