Header Item Different Colour


In the header I have the following items: Home, Post a Job, Jobs, Blog. How is it possible to have a different colour (pink) just for an item to attract attention (Post a job)? If it’s possible, the 2 versions: different colour for the letters of the item and different colour for background of that item.


Hello there,

Firstly add a custom class name to your target menu item.


CSS Classes option is hidden by default and can be enabled from Screen Options panel, that located at top right side when you’re in Appearance > Menus.

Second, to apply special style, add this CSS code to Appearance > Customize > Additional CSS from dashboard.

    .site-header #site-navigation li.post-a-job-link > a {
      background-color: #fff000;
      color: #ff0000;
      padding: 5px 12px;


Great as always. Thanks a lot!

Would you be so kind to adjust it a little bit, as in mobile version it gives some deviations in the format