Jump to content


Photo
- - - - -

Button in Menu from Pagelines Demo?

menu button pagelines demo

  • Please log in to reply
1 reply to this topic

#1 DVi

DVi

    Newbie

  • Members
  • Pip
  • 1 posts

Posted 02 October 2012 - 10:13 PM

Thank you for making the settings file available for the Pagelines demo! It's been very helpful in rapidly testing out the theme to see if it will work for our needs.

One thing in particular that we loved and can't figure out how to do/make is that blue Purchase button in the menu for the demo. It's also in the footer menu. I've inspected the CSS for that site but still can't figure out how you get that in the menus. Can you help me?

Thanks!


Please Login or Register to see this Hidden Content

 

Please Login or Register to see this Hidden Content

  64.44KB   6 downloads

#2 Rob

Rob

    One Smart Egg

  • Members
  • 13575 posts
  • LocationEast Coast, USA
  • Framework Version:The Latest, of course
  • Country: Country Flag

Posted 03 October 2012 - 01:51 AM

I believe that's simply CSS styling of an individual menu item.

If you go to Dashboard > Appearance > Menus, at the top right, click "Screen Options". Tick the box for CSS Classes.

Close Screen Options by clicking the grey box again.

Now, when you go to edit or add a new menu item, you'll see "CSS Classes (optional)" in the settings. Include a unique term there like mybluemenu1.

Then you'll need some CSS, like

Please Login or Register to see this Hidden Content


You'll also want to create some hover and active code. See this for more styling hints:

Please Login or Register to see this Hidden Content


  • WebWerx likes this





Also tagged with one or more of these keywords: menu, button, pagelines demo