Archived

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

  • 0

Red Donate Button in Menu

Question

Posted · Report post

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

1 person likes this

Share this post


Link to post
Share on other sites

5 answers to this question

Posted · Report post

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

1 person likes this

Share this post


Link to post
Share on other sites

Posted · Report post

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

Posted · Report post

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.

Share this post


Link to post
Share on other sites

Posted · Report post

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/

1 person likes this

Share this post


Link to post
Share on other sites