Home>Support>Changing a single menu (main navigation) item color or place a widget in the nav bar

Changing a single menu (main navigation) item color or place a widget in the nav bar

Hi.

I have a donate link as the last menu item on my main nav bar. I’d like change the background and hover color on just the donate button and perhaps add a border, it needs to really pop. I can’t seem to get the coding right. Link to site: http://helptheworldfoundation.org/

Thanks Piper

URL: http://helptheworldfoundation.org/

This is our free support forum. Replies can take several days. If you need fast email support, please purchase a SiteOrigin Premium license.

  1. 9 years, 1 month ago Andrew Misplon
    Hi, I Work Here

    Hi Piper

    Thanks for the wait. Try the following at Appearance > Custom CSS:

    /* Donate Menu Item */
    
    .main-navigation li.menu-item-47 > a {
    	background-color: red;
    }
    
    .main-navigation li.menu-item-47:hover > a {
    	background-color: blue;
    	color: white;
    }
    

    Hopefully that’s enough to get you started :)

Replies on this thread are closed. Please create a new thread if you have a question, or purchase a SiteOrigin Premium license if you need one-on-one email support.

Get The Most Out of SiteOrigin with SiteOrigin Premium

Find Out More