Jump to content


Photo
- - - - -

Styling Of Menu

style css menu main menu

Best Answer James B , 11 December 2012 - 09:07 PM

Hi Emmanuel

 

From looking at the site you've listed for inspiration it seems as if they as using the 'nav classic' opposed to the navbar which you have on your site. If you swap the two over in the header section of the drag and drop and then use the css lite plugin to be able to color the menus.

 

The classic nav menu will allow you to copy the menu layout and the plugin will allow you to make the changes to the colors, you can find css lite here - http://www.pagelines...imple-css-lite/

Go to the full post


  • Please log in to reply
6 replies to this topic

#1 manul

manul

    Newbie

  • Members
  • 7 posts
  • LocationCopenhagen
  • Framework Version:2.3.8
  • Country: Country Flag

Posted 11 December 2012 - 08:25 PM

Hi

 

I am new to pagelines framework (2.3.8) and I have a very hard time to style te main menu as I want.

 

The site is: 

Please Login or Register to see this Hidden Content

 

The menu bar is looking like the standard pagelines menu bar, but I want it to look a more scandinavian/sober way like in the following site, which I am pretty sure is using Pagelines (as the designer is always using pagelines).

 

Please Login or Register to see this Hidden Content

 

Basically I want to be able to control the...

 

1. Bacground color of the whole line

2. Background color

3. Background color of the active menu item

4. Background color of the hover menu item

5. Font color

6. Font color of the active menu item

7. Font color of the hover menu item

8. I want to suppress round corners.

 

and the same with submenus.

 

But whatever I have tried to taget to (with help of Chrome elements), It didn't work properly. :-(

 

I would be great to have that on a doc, as it is quite basic. 

 

 

Help will very much be appreciated.

Regards
Emmanuel

 

 

 

 

 

 

 

 

 



#2 James B

James B

    Advocate

  • Members

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

Posted 11 December 2012 - 09:07 PM   Best Answer

Hi Emmanuel

 

From looking at the site you've listed for inspiration it seems as if they as using the 'nav classic' opposed to the navbar which you have on your site. If you swap the two over in the header section of the drag and drop and then use the css lite plugin to be able to color the menus.

 

The classic nav menu will allow you to copy the menu layout and the plugin will allow you to make the changes to the colors, you can find css lite here -

Please Login or Register to see this Hidden Content



#3 manul

manul

    Newbie

  • Members
  • 7 posts
  • LocationCopenhagen
  • Framework Version:2.3.8
  • Country: Country Flag

Posted 11 December 2012 - 09:18 PM

Thanks, I'll look at it right away, and see whether I can figure how to use the nav classic out!  :-)



#4 manul

manul

    Newbie

  • Members
  • 7 posts
  • LocationCopenhagen
  • Framework Version:2.3.8
  • Country: Country Flag

Posted 11 December 2012 - 09:24 PM

It's not clear to me how you select the nav classic. Do you do it but just clicking for the dropdown like in the picture?

 

Regards

Emmanuel



#5 manul

manul

    Newbie

  • Members
  • 7 posts
  • LocationCopenhagen
  • Framework Version:2.3.8
  • Country: Country Flag

Posted 11 December 2012 - 09:27 PM

Sorry, Oversaw you were mentioning drag and drop. I'll try again!



#6 James B

James B

    Advocate

  • Members

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

Posted 11 December 2012 - 09:33 PM

No worries, this will explain further if you get stuck :) -

Please Login or Register to see this Hidden Content



#7 manul

manul

    Newbie

  • Members
  • 7 posts
  • LocationCopenhagen
  • Framework Version:2.3.8
  • Country: Country Flag

Posted 11 December 2012 - 10:59 PM

Thanks. it worked great!  :-)







Also tagged with one or more of these keywords: style, css, menu, main menu