Background color of icon menu item

[k3441]

Hello,
I want to change the background color of one menu item on Icon template. I created a custom CSS called login but it adds the color to the entire area, not just the background of the styled button. I’m sure this is something insanely simple that I’m missing. I want the color to be contained within the pill shaped design as it is shown in “Contact” button. Thanks so much for your help!

[prakash_s]

Hello @k3441,

Thanks for writing to us

In case you want to style only menu item text you need to update your custom CSS code with the given style.

 .login {
background-color: #f6a71e;
}

Updated CSS code

.login a span {
background-color: #f6a71e;
}

The purpose of providing custom CSS is to show you how to add CSS code to your site. Writing custom CSS is outside the scope of our theme support. If you need more customization, you need to learn CSS and learn how to use the browser’s element inspector.In case if you have no idea about coding you can subscribe to One where customization questions are answered.

Hope it helps.
Thanks