Hoi Finn,
Je kunt de kleur van de hover via deze CSS aanpassen. Voeg dit toe op pagina Extra CSS van de Customizer in je dashboard. Met deze CSS wordt de hover groen.
#header .header-links > ul > li a:hover {color: #0f5b1e;}
De Read More staat in het vertaalbestand, en omdat dit thema niet vertaald is, blijft die helaas Engels. E zijn ook thema’s waarbij je dit kunt wijzigen via de instellingen vh thema, maar bij dit thema dus niet.
Guido
Thread starter
finn87
(@deplantenmakelaar)
Enorm bedankt voor je reactie Guido! Ik heb de kleur van de hover succesvol kunnen veranderen.
Groet,
Finn
Hoi,
Graag gedaan!
Ik zag trouwens dat enkele pagina’s zoals Planten en Contact niet naar een pagina gaan (niet gevonden).
Je kunt de Loco Translate plugin eens proberen voor het vertalen van je thema binnen je eigen site. Of anders een populair thema zoeken, die zijn vaak al volledig of grotendeels vertaald.
Als je verder geen vragen hebt, wil je dan de status van het topic op “opgelost” zetten?
Guido
Thread starter
finn87
(@deplantenmakelaar)
Helaas kreeg ik de vertaling van de buttons via Loco Translate niet geregeld, maar via TranslatePress is het me wel gelukt. Bedankt voor de tip m.b.t. de plugins.
Wat betreft de linkjes die niet goed werken: dat klopt, blijkbaar is dat omdat ze nog in prive modus staan.
Prettige avond en nogmaals dank,
Finn
Thread starter
finn87
(@deplantenmakelaar)
Goedenavond,
Ik heb het hover effect (kleur van blauw naar groen) met de tips kunnen aanpassen in het menu. Ik loop er nu echter tegenaan dat bij het selecteren van een menu item dat de tekst van dat specifieke menu-item ‘blauw’ blijft.
Enig idee hoe dit aan te passen? Via inspecteren kom ik uit bij volgende elementen:
#header .menu > li.menu-hover > a, #header .menu > li.current_page_item > a, #header .menu > li.current-menu-ancestor > a, #header .menu > li > a:hover, #header-sticky .menu > li.menu-hover > a, #header-sticky .menu > li.current_page_item > a, #header-sticky .menu > li.current-menu-ancestor > a, #header-sticky .menu > li > a:hover {
/* color: #13aff0; */
}
Als ik dan de kleur uitschakel dan verdwijnt deze ook, maar welke code kan ik in CSS gebruiken om dit definitief aan te passen?
Groet,
Finn
Hoi Finn,
Als je tijdens inspecteren in je browser meerdere CSS-klassen ziet staan (dus zoals de CSS-code die je toevoegt), dan wordt de op dat moment relevante/actieve CSS-klasse altijd gemarkeerd (licht op/afwijkende kleur).
Met deze CSS worden zowel het geselecteerde item in hoofd- als submenu groen:
#header .header-links .sub-menu .current-menu-item a,
#header .menu > li.current-menu-ancestor > a
{color: #0f5b1e;}
Guido
ps. als je code toevoegt op dit forum, druk dan vóór en ná de code op de code knop in de tekst opmaak balk.
Thread starter
finn87
(@deplantenmakelaar)
Bedankt wederom! Wordt gewaardeerd
Zal er rekening mee houden om de code knop te gebruiken 🙂
