1 reply to this topic

[DVi]

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.44K   6 downloads

[Rob]

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