Jump to content
Search In
  • More options...
Find results that contain...
Find results in...
Advanced Search
  • 0
keon

Is it possible to style just one nav option in your menu?

Question

I have an option in my menu that I want to be styled differently to the other options. Is it possible to do this or can you only style all of the options as one?

Edited by keon
Initial Revision

Share this post


Link to post

6 answers to this question

Recommended Posts

  • 1

@keon, Yes, it's possible. You've to add use custom CSS.

As an example to make the workshop button green you can use this CSS.

a[href=/workshop].Header-nav-item {color: green !important; }

Edited by jahanggir
Initial Revision

Share this post


Link to post
  • 1

@keon use this code (add to Home > Design > Custom CSS)


/* about us item */
a.Header-nav-item:nth-child(1) {
   color: #f1f23f !important;
}
/* services item */
a.Header-nav-item:nth-child(2) {
   color: #f1f23f !important;
}
/* projects item */
a.Header-nav-item:nth-child(3) {
   color: #f1f23f !important;
}
/* blog item */
a.Header-nav-item:nth-child(4) {
   color: #f1f23f !important;
}
/* contact item */
a.Header-nav-item:nth-child(5) {
   color: #f1f23f !important;
}
/* workshop item */
a.Header-nav-item:nth-child(6) {
   color: #f1f23f !important;
}


Share this post


Link to post

Create an account or sign in to comment

You need to be a member in order to leave a comment


×
×
  • Create New...