Ondersteuning » Thema en CSS/opmaak » hover effect veranderen thema

  • Opgelost finn87

    (@deplantenmakelaar)


    Hi,

    Ik loop vast met een aantal aanpassingen die ik wil doorvoeren op mijn website (https://deplantenmakelaar.nl). Ik gebruik het thema Shuttle Business (free). Helaas kom ik er na een aantal pogingen via Extra CSS en het lezen van de verschillende forums nog steeds niet uit.

    Wat ik graag wil aanpassen is:

    – als je met de cursor over de menu items gaat verandert de kleur naar lichtblauw dit wil ik graag aanpassen naar een andere kleur of volledig uitschakelen

    – in de featured headers verschijnt binnen dit thema automatisch een ‘ read more button’. Helaas zie ik nergens hoe ik de tekst van deze button kan aanpassen naar een Nederlandse tekst

    Zie ik iets over het hoofd of zijn dit de beperkingen die je hebt als je gebruik maakt van een gratis thema?

    Alle tips zijn welkom! 🙂

    Finn

    De pagina waar ik hulp bij nodig heb: [log in om de link te zien]

7 reacties aan het bekijken - 1 tot 7 (van in totaal 7)
  • Guido

    (@guido07111975)

    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

    Guido

    (@guido07111975)

    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 🙂

7 reacties aan het bekijken - 1 tot 7 (van in totaal 7)
  • Het onderwerp ‘hover effect veranderen thema’ is gesloten voor nieuwe reacties.