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?
Geaccepteerde antwoord Pending Moderation
Jouw oplossing heeft mij geholpen de achtergrond van het main menu in zwart ipv het witte te wijzigen, hartelijk dank daarvoor. Daar was ik ook nog mee aan het stoeien. Plus jij hebt een betere manier om de wijzigingen goed te documenteren. Weer wat geleerd.

In mijn geval heb ik de oplossing nu toch ook gevonden. Ik heb de eerste twee regels vergeten. Als ik die er boven plak, krijg ik mijn zwarte kleur:


.navigation .nav-child li > a:hover,
.navigation .nav-child li > a:focus,
  1. meer dan een maand geleden
  2. Templates
  3. # 1
Geaccepteerde antwoord Pending Moderation
Ik heb het in Protostar ook aangepast, maar op een andere plek dan jij. Bij mij in template.css op regel 2859 (kan voor jou anders zijn, ik hen er nogal wat regels tussen gezet in de loop van de tijd):

.nav > li > a {
display: block;
/* xx ingevoegd: achtergrondkleur topmenu menukeuze grijs */
/* background-color: #F96302; */
background-color: #8D8D8D;
color: #eee;
}
.nav > li > a:hover,
.nav > li > a:focus {
text-decoration: none;
/* xx aanpassing menu achtergrond blokken hover donkergrijs
background-color: #eee; */
background-color: #646464;
color: #eee;
}

Als je de laatste dus aanpast, dan zou de hover kleur anders moeten zijn. Ik hoor graag of het gelukt is.
  1. meer dan een maand geleden
  2. Templates
  3. # 2
  • Pagina :
  • 1


Er zijn nog geen reacties op dit bericht.
U mag echter niet reageren op dit bericht.
Sorry de discussie is momenteel gesloten. U kunt nu geen reactie plaatsen.