Create border arround menu item

¿Hello can anyone help me with a CSS to create a box arround the last item on the menu like in the blog in the following link?

Thank you very much!

Edit 1: I would also like to know how can I change the last item font in a different color

Hi there

Hope you are having a good day and thank you for your question :slight_smile:

Maybe i can help you :slight_smile: please provide url of the website and i will take a look

Colorlib Support Team

Hello, it is offline. There’s no way you could help me do it?

Hey there

Well, actually website is better but let’s try,
Please add this CSS in appearance - customize - additional CSS

#header .top-header .header-navigation ul li:last-child {
    background: rebeccapurple;
    padding: 2px 12px;

Colorlib Support Team