XF 2.2 hover effect problem

[Garfield™]

How can I fix this situation? I want it to remain black and underlined as in the default theme

now it turns white when hovering over it unfortunately

Türkiye'nin Forum Platformu!

Webmaster Forumu, Webmaster Forum olarak ta anılan iyi Forumlar, Gelişmiş yenilikçi tavrı stabil duruşu ile popüler kategorilerin bir araya gelerek oluşturduğu gerçek ve onaylı üyelerden oluşan bağımsız bir forum sitesidir.

www.iyiforumlar.net

 

[l3ta]

Put the following code in your style extra.less template and see if it works:

.node-title a:hover {color: black;}

 

[Garfield™]

Put the following code in your style extra.less template and see if it works:

.node-title a:hover {color: black;}

i need to apply this to the entire forum, not just the forums on the home page, to make it black in all areas in the forum

 

[l3ta]

i need to apply this to the entire forum, not just the forums on the home page, to make it black in all areas in the forum

This code should make it all black: a: hover {color: black;}

 

[Garfield™]

This code should make it all black: a: hover {color: black;}

I added as is but it didn't work

 a: hover {color: black;}

 

[l3ta]

Try this: a: hover {color: black!important;}

 

[Garfield™]

It did not happen

 

[l3ta]

It did not happen

Sorry about that. There must be some css rule interfering with the code. Perhaps a more knowledgeable member could sort it out.

 

[l3ta]

Garfield, search your extra.less template for this CSS rule and delete it:

a:hover {
  color: rgba(253,253,253,0.75);
  text-decoration: underline;
  text-decoration: none;
  transition: 0.5s;}

 

[Garfield™]

Garfield, search your extra.less template for this CSS rule and delete it:

a:hover {
  color: rgba(253,253,253,0.75);
  text-decoration: underline;
  text-decoration: none;
  transition: 0.5s;}

a:hover {
  color: #000;
  text-decoration: underline;
  text-decoration: none;
  transition: 0.5s;
  text-decoration: underline;
}

When I edited and added the code like this, it worked. but the navbar has covered the menu. How do I do this, let the navbar menu be excluded from this application?

I don't want the navbar menu to be black

 

[l3ta]

Try this code in extra.less: .p-nav a:hover { color: #ffffff;}

 

[Garfield™]

Try this code in extra.less: .p-nav a:hover { color: #ffffff;}

thank you so much.