Home>Support>Navigation link color

Navigation link color

By Ashley Helms, 10 years ago. Last reply by Andrew Misplon, 10 years ago.

I really love this theme and am using it for a website but I was wondering if there was a way to change the color of just one of the links in the navigation? I’ve searched through the css and other pages and couldn’t find where the code is for that. I see the css for the over all color but if I just wanted to change one of the links, I couldn’t figure it out. Thanks for any help.

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

  1. 10 years, 3 months ago Andrew Misplon
    Hi, I Work Here

    Hi Ashley

    Please remember to use a Custom CSS plugin or module or a child theme for your CSS changes.

    You need to inspect the front end html of the menu and find the class of the list item that contains the link you want to change. It will look something like this:

    /* Menu */

.main-navigation li.page-item-2 a {
	color: red;	
}

    Change my class .page-item-2 to your class and my color to yours.

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