How to style only one menu item

Developer Support CMS Development
1

I’m trying to style only one menu item in my menu.

Specifically, on this page https://go.generation180.org/rva-solar-fund I’d like to change the style of the “Get Started” option. I want to make it look more like a button.

Adding a CTA to the right of the menu gave me a lot of undesirable results so I’m hoping I can just add some background color or something in the CSS to make it look like a button.

I’m unable to find how to add a class/id to that specific list item in order to target it with CSS.

Thanks in advance for any help!

2

Hi mattgen180,

Just Add this in your CSS,

.siteNavigation ul li.hs-menu-depth-1:last-child a { 
	background-color: #DABB02;
 color: #fff;
}

siteNavigation ul li.hs-menu-depth-1:last-child a:hover {
 background-color: #06b5ae;
 color: #fff;
}

this code is definitely work something like this,

looknFeel.PNG.jpg
looknFeel.PNG.jpg1348×278 111 KB

Thanks,

Hope this work!

3

Thanks for your input @TRooInbound !!

Ed

4

Hi @mattgen180 Cool, cheers :slightly_smiling_face: For more help please visit at www.trooinbound.com or email at hello@trooinbound.com

TRooInbound Team!