Ondersteuning » Thema en CSS/opmaak » De stijl van een menu item veranderen

  • Opgelost Marlon1985

    (@marlon1985)


    Hi,

    Ik ben bezig met de website: http://yoomedia.nl/bergerhof/

    Ik wil het menu item offerte aanvragen aanpassen in stijl.
    Zo is de tekst kleur nu zwart en wil ik deze oranje hebben zonder dat de rest van het menu dat word. Als je dan met je muis erover gaat moet hij andere kleur worden.
    Ik heb al met css classes lopen stoeien in het menu maar dit krijg ik niet voor elkaar.

    Wellicht heeft iemand een antwoord.
    Alvast bedankt.

    Marlon

5 reacties aan het bekijken - 1 tot 5 (van in totaal 5)
  • .uk-subnav > li:nth-child(1),
     .uk-subnav > li:nth-child(1) > a {
            color: #99cc66; /*txt-kleur pas aan*/
            background-color: #E4DA4D; /*andere achtergrondkleur pas aan/verwijder*/
     }
    .uk-subnav > li:nth-child(1) > a:hover {
            color: #ff88ee; /*txt-kleur bij 'hoover muis', pas aan*/
     }

    Gebruik bijv ‘http://www.colorpicker.com voor het bepalen van de kleur en kleur-code

    == == ==
    Als je theme een optie heeft om de CSS aan te passen, bijvoorbeeld in een ‘custom css’-veld, plaats dan de aanpassing[en] aan je css hierin.
    Ontbreekt een dergelijke optie in je theme? Volg dan de instructies hieronder.

    Alternatief: Voeg bovenstaande code toe aan style.css van je CHILDtheme.
    Zo voorkom je dat al je aanpassingen worden overschreven als de makers van je theme een update installeren.
    Verder heeft het als voordeel dat alle aanpassingen overzichtelijk bij elkaar staan. Dat is makkelijk, overzichtelijk en eenvoudiger te onderhouden.

    Kies je ooit een ander theme, dan dien je een nieuw childtheme te maken.

    Heb je nog geen childtheme?

    1. installeer en activeer ‘one click childtheme’-plug-in
    2. activeer de originele theme
    3. Dashboard > weergave > child theme
    4. beantwoordt de vragen op het scherm
      >> er wordt een child theme aangemaakt in een map met bestanden zoals style.css;
    5. Activeer het childtheme.
    6. ==

    7. om je site aan te passen, maak je nu alle wijzigingen in de map en bestanden van je child theme.
      – Maak je aanpassingen in style.css van het childtheme;
      – mocht je aanpassingen willen maken in de originele php-bestanden, kopieer de betreffende php-file uit het originele theme naar de map van het childtheme. Maak hierin dan de gewenste aanpassingen.

    == == == Extra
    Als je precies wilt zien welke elementen je site heeft en welke opmaak-kenmerken [css] daarbij horen, installeer dan bijv de browser-add-on ‘firebug’ of of rechtsklik en kies ‘element inspecteren’.

    Zo kan je op zoek naar de diverse elementen en de kenmerken zoals kleuren, layout etc. aanpassen.

    Thread starter Marlon1985

    (@marlon1985)

    Super bedankt!

    Graag gedaan. Vergeet aub niet de thread als ‘resolved’ / ‘opgelost’ te taggen in de rechter zijbalk.

    Hallo,

    Ik denk dat ik een zelfde type probleem heb. Alleen ik zou graag mijn winkelwagen in het menu aanpassen in achtergrond, positie en kleur. Hoe kan ik dit het beste aanpassen? Graag zou ik deze tekst vast willen maken aan de rechterkant van het menu, de achtergrond oranje maken en de tekst kleur aanpassen. In mijn theme kan ik gebruik maken van een custom CSS. Wie kan mij hier bij helpen? Mijn website is http://www.nldamp.nl

    Daarnaast heb ik een plug in geïnstalleerd dat mijn menu mee scrollt met de pagina. Hier wordt alleen de achtergrond van het menu niet mee gescrollt. Hoe kan ik dit aanpassen?

    Ik hoop dat iemand mij met een van deze problemen kan helpen.

    Groeten

    Ik hoop dat iemand mij hier bij kan helpen.

    @nldamp

    Het is een goed gebruik om een eigen thread te starten om je vraag / probleem voor te leggen!

5 reacties aan het bekijken - 1 tot 5 (van in totaal 5)
  • Het onderwerp ‘De stijl van een menu item veranderen’ is gesloten voor nieuwe reacties.