Reacties van DavePeters | WordPress.org Nederlands

Aangemaakte reacties

2 reacties aan het bekijken - 1 tot 2 (van in totaal 2)

Forum: Thema en CSS/opmaak
In antwoord op: links aanpassen met CSS
Thread starter DavePeters
(@davepeters)

4 jaren geleden
Het werkt nu wat beter met:
```
.widget1ID { 
  background-color: #3183BB !important;
  padding-left: 20px;
  border-radius: 25px !important;
}

.widget1ID ul li a {
  color: #FFFFFF !important;
}

.widget1ID li a:hover {
    color: #000000 !important;
}

.widget1ID li a:active {
    color: #000000 !important;
}

.widget1ID li a:focus {
    color: #000000 !important;
}

/*
.Widget1ID ul li a:active,
.Widget1ID ul li a:focus,
.widget1ID ul li a:hover {
  color: #000000 !important;
}
*/
```
Nu wordt de link gewoon wit en als ik er over heen hover wordt deze netjes zwart. Precies hoe we het in de CSS zeggen. Alleen a:active en a:focus lijken niks te doen. Een aangeklikte link wordt weer wit terwijl deze zwart moet blijven.

Waar ligt dit aan?
Forum: Thema en CSS/opmaak
In antwoord op: links aanpassen met CSS

Thread starter DavePeters
(@davepeters)

4 jaren geleden

Het gaat al wat beter als ik de volgende CSS gebruik:

.Widget1-Nieuws ul li a {
color: #FFFFFF !important;,
:hover {color: #000000 !important;}
}

Nu wordt de linktekst mooi wit maar het tweede :hover gedeelte wilt niet echt werken.
Met de , eruit werkt niet en dubbel als zo ook niet:

.Widget1-Nieuws ul li a {
color: #FFFFFF !important;
}

.Widget1-Nieuws ul li a: {
hover {color: #000000 !important;}
}

2 reacties aan het bekijken - 1 tot 2 (van in totaal 2)