Archived

This topic is now archived and is closed to further replies.

  • 0

Button in Menu from Pagelines Demo?


Question

Posted · Report post

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!

post-42414-0-56534100-1349215973_thumb.p

Share this post


Link to post
Share on other sites

1 answer to this question

Posted · Report post

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


.mybluemenu1 {background-color:blue; color:#FFFFFF;}

You'll also want to create some hover and active code. See this for more styling hints: http://www.w3schools.com/css/

1 person likes this

Share this post


Link to post
Share on other sites