id attribuut aanmaken

02 okt 2020 09:53 - 02 okt 2020 09:54

Ik zou graag in een artikel de opmaak voor een zinnetje aanpassen. Het gaat vooral over hoe het eruit ziet als je er met je muis over hovert. Dit heb ik alvast in de code van mijn artikel:

Code:

<div id="link_nieuwsbrief">
<p><a href="https://www.mijnwebsite.com/nieuwsbrief" target="_blank" rel="noopener" style="font-size: 18pt;" title="Teken in op onze nieuwsbrieven"><i class="uk-icon-newspaper-o" style="font-size: 18pt; color: #95a5a6;">&nbsp; </i><strong style="font-size: 18pt; color: #95a5a6;"><span style="font-size: 18pt;">Nieuwsbrief</span></strong></a></p>
</div>

In de custom.scss code heb ik dit toegevoegd:

Code:

#link_nieuwsbrief a:hover { 
  color:#02a0b4; 
}

Toch wijzigt de kleur niet te zien als ik op de frontend over het woord hover.
Wat ontbreekt er? Hoe krijg ik de blauwe kleur toch te zien na het grijze?
Edit Astrid: Ik heb de code tussen codetags geplaatst, volgende keer graag zelf doen.

smirlala
Heeft onderwerp gestart
Bekend met Joomla!NL
Berichten: 94

id attribuut aanmaken

02 okt 2020 10:09

Ik zou sowieso een class in plaats van een id gebruiken. En het icoon met

Code:

::before

erin zetten. En al je handmatige opmaak verwijderen en deze definiëren in je css.
Zonder een link naar de site is het lastig om te zeggen waarom het niet werkt, maar bovenstaande zou de oorzaak kunnen zijn.

Groetjes, Astrid

Gebruik de zoekfunctie van dit forum voordat je een nieuwe vraag plaatst.
Vragen uitsluitend via dit forum.
yndi.nl - kvk 17157725

Is je vraag beantwoord? Dan kan je het draadje zelf sluiten .
Wil je Joomla!NL steunen? Dat kan met een donatie.