Jump to content
Sign in to follow this  
1213online

Red Donate Button in Menu

Recommended Posts

1213online    2
1213online

I would like to add a red donate button in the menu on my non-profit website, but it seems there is no way to do this with Platform Pro menus. Can this be done? Thanks, Rob

  • Like 1

Share this post


Link to post
Share on other sites
Rob    547
Rob

Sure you can! With custom CSS, you can implement either a background color for a single menu item OR, you can set a background button image. Go to Dashboard > Appearance > Menus and click "Screen Options". There, you'll see an option check box for CSS Classes. Check it. Then click "Screen Options" again, which closes that panel. Now, if you go to the menu space where you want your button, just apply a special unique class. Some unique word or phrase such as my_big_red_button or mybigredbutton . All you need to do now is create the CSS to do the thing you want. You'll find examples and guidance here: http://www.w3schools.com/css/

  • Like 1

Former PageLines Moderator, Food Expert and Raconteur

Share this post


Link to post
Share on other sites
1213online    2
1213online

Thanks! Once I create the custom CSS, where do I put it? Does it go in the menu or in the Custom Code section?

  • Like 1

Share this post


Link to post
Share on other sites
1213online    2
1213online

So, if I have given my menu button the CSS Class name of red button would the code look something like this? #redbutton { color:#ffffff!important; background:#e82828; text-shadow:none;} This is what I've tried but it doesn't work. Thoughts...

Share this post


Link to post
Share on other sites
Rob    547
Rob
ul.sf-menu li .redbutton {
	    background-color: #e82828;
	    float: left;
	    margin: 0;
	    position: relative;
	    text-shadow:none;
	}

This is correct. However, you need to apply the white font color as well as hover and active state conditionals to it as well. That's going to need additional elements.


Former PageLines Moderator, Food Expert and Raconteur

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now

Sign in to follow this  

×