Change Colour of First Child in Inline Nav

[devolvejames]

Hi There,

Is it possible to change the colour of the First Child in an Inline Navigation?

https://imgur.com/YYuwHDr

Thanks!

[Prasant]

Hello @devolvejames,

Thanks for asking.

Yes, you can change the color of menu item using CSS. Please note that custom CSS solutions falls outside the scope of support we offer. However, to help you get started I am sharing example CSS that you can place under Pro > Theme Options > CSS:

#menu-item-13 span {
    color: #ddd;
}

Please note that in above code I have used menu id to identify menu. To find out menu id you can take a look at following article:

https://wpexplorer-themes.com/total/docs/find-menu-id-wordpress/

As custom CSS solutions are not covered by theme support, we cannot help you customize it further, but here are some resources that you can take a look at explore CSS:

I recommend you to watch following video that will help you to get started with CSS.

https://www.youtube.com/watch?v=MFR4WXiLzpc

Sometimes it can get a bit difficult to find out the right selector to be able to write the required CSS codes. A handy tool that can help you in this is Google Chrome dev tools. I am sharing the resource that you can refer to get started with dev tools.

https://developers.google.com/web/tools/chrome-devtools/css/

https://developers.google.com/web/tools/chrome-devtools/

https://www.youtube.com/watch?v=tP_kXBJWPhQ&t=200s

Thanks.

[devolvejames]

Thanks @Prasant! That works perfectly.

For anyone else looking at this thread, you just need to find the correct Menu Item Number (eg. menu-item-147) and add the custom CSS to that element.

Thanks again!

[mldarshana]

Glad we were able to help