Change nav-link hover color (bootstrap) cakephp 3

Need Help
1

Hello World,

there is a div in ctp page in a standard page where i would like to change the color of the hover link to #000 when the mouse is pointed at ,

the bootstrap link is bootstrap-extend.min.css, i like to change the background color which is currently background-color: #f3f7f9;

 <a class="nav-link dropdown-toggle" id="dropdown1" href="#" data-toggle="dropdown" aria- 
 haspopup="true" aria-expanded="false">

can gurus guide me where can i change it? i tried to style it but maybe format is wrong?

<a class="nav-link dropdown-toggle" id="dropdown1" href="#" data-toggle="dropdown" aria- 
 haspopup="true" aria-expanded="false" 

 style=".style .nav-link:focus, .nav-link:hover {background-color: #000;}">

i tried to style the css and put it at layout page, but the bootstrap version overrides the layout settings.

Screenshot 2021-09-02 at 18.47.12
Screenshot 2021-09-02 at 18.47.12568×1092 58.4 KB

thank you for guidance and learning from them.

:raised_hands: :raised_hands: :raised_hands:

2

This is because your style is added before bootstrap, so bootstrap is taking precedence because is the latest stylesheet loaded.

You can:

3

Seems like someone needs to learn about CSS Specificity :wink:

4

oh yeah, thank you, will read about it and give it a try

5

hello Raul338

will read the cakephp 4 cookbook and give it a try

thank you