Fancybox navigation arrows and close button do not have transparent hover

1 comment

1. Normally it’s not a good idea to set css rules to global elements but use specificity instead.

   You have this css rule in the line 62 of your style.css file :

   a {
       color: #DCDAD5;
       text-decoration: none;
   }
   

   That rule affects to all <a> anchors, including fancybox (nav arrows) anchors.

   Try changing it into something like

   a.myclass {
       color: #DCDAD5;
       text-decoration: none;
   }
   

   or target the parent like

   #parent a {
       color: #DCDAD5;
       text-decoration: none;
   }
   

   so it will only affect to the elements it should.

   Log in to Reply