Liebling theme navigation font, hover and clicked

Hi everyone,

I am using Liebling for my site. I am wondering how to change the color of top navigation when hover, and when chosen? I looked at the CSS file but not sure where to find the main navigation. I have been searching around but unable to find the CSS code that works to add to Code injection.

Thank you in advance!

Hi @True_Chan, you can use the Browser Devtools, select the item you desire and edit the css for the given ClassName. For example the header class is

header {
  position:fixed;
  top:0;
  left:0;
  width:100%;
  z-index:4;
  background-color:var(--background-color);
  will-change:transform;
  transition:transform .4s cubic-bezier(.165,.84,.44,1);
}
.m-header{
  padding:20px 0;
}

You can check all classes in the original repo, or in your ghost project folder

1 Like

Your answer lead me to discover the DevTools. I know how to figure out the elements now. Thank you very much for your help!

1 Like

I am glad it was of help @True_Chan

Good luck with your project :wave:t4: :blush: