Dette lille stykke kode laver en fancy hover effekt på links der er inde i brødtekst.
Det vil altså KUN fungere på links som er inde i dit widget “Teksteditor“, koden er global og vil ramme alle steder du har links i brødteksten, har du derfor et sted hvor effekten skal være anderledes skal du direkte på det specifikke element lave effekten med “selector” classen – koden farver tager udgangspunkt i dine globale tekst- og markeringsfarver, disse skal du bare ændre hvis du har behov.
Du kan se effekten her:
Exercitation dolor ad ut veniam elit sit Ut ut ea ut ut aliqua labore ut elit commodo ad elit incididunt et nostrud ex adipiscing laboris ad ipsum magna tempor adipiscing amet ut magna tempor ea aliqua minim et ex ullamco ut consectetur.
/* Brødtekst links */
p > a {
color: inherit !important;
box-shadow: inset 0 -1px 0 0 var(--e-global-color-text) !important;
text-decoration: none !important;
}
p > a:hover {
box-shadow: inset 0 -9px 0 0 var(--e-global-color-accent) !important;
}