1. Mylène
  2. Templates
  3. dinsdag 26 februari 2019
Ik heb inmiddels in een user.css enkele aanpassingen gedaan voor de look van mijn website met Protostar template. Een ding krijg ik niet voor elkaar, de hover kleur van de submenu's, nu Protostar blauw, wijzigen in zwart. De laatste keer dat ik zoiets deed, bestond Firebug nog, met de Webontwikkelaar tools van Firefox kan ik niet goed uit de weg.

Als ik dezelfde aanpassing die ik met de Webontwikkelaar wel voor elkaar krijg doorvoer in mijn css, lukt het niet.

De kleur moet zwart worden. Hier is een link naar mijn site (nog under construction). Ik heb aangepast regel 7451:

.navigation .nav-child:hover > a {
text-decoration: none;
color: #fff;
background-color: #005e8d;
background-color: #005783;
background-image: -moz-linear-gradient(top,#005e8d,#004d74);
background-image: -webkit-gradient(linear,0 0,0 100%,from(#005e8d),to(#004d74));
background-image: -webkit-linear-gradient(top,#005e8d,#004d74);
background-image: -o-linear-gradient(top,#005e8d,#004d74);
background-image: linear-gradient(to bottom,#005e8d,#004d74);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff005e8d', endColorstr='#ff004c73', GradientType=0);
}


En er van gemaakt:


.navigation .nav-child:hover > a {
text-decoration: none;
color: #fff;
background-color: #000;
background-color: #000;
background-image: -moz-linear-gradient(top,#000,#000);
background-image: -webkit-gradient(linear,0 0,0 100%,from(#000),to(#000));
background-image: -webkit-linear-gradient(top,#000,#000);
background-image: -o-linear-gradient(top,#000,#000);
background-image: linear-gradient(to bottom,#000,#000);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff005e8d', endColorstr='#ff004c73', GradientType=0);
}


Hoe kan ik het anders doen?
Sorry de discussie is momenteel gesloten. U kunt nu geen reactie plaatsen.