Header Item Different Colour

Hi,

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.

Thanks

Hello there,

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

56

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;
    }

Regards,
Kharis

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