Support » Teman » Goshiki: Byta färg i menyn och footern

  • Löst stoent

    (@stoent)



    Hallå!
    Hur byter jag bakgrundsfärg i menyn och i footer?

    Tema: Goshiki

    • Detta ämne redigerades 1 månad sedan av  Tor-Bjorn Fjellner. Anledning: Flyttat länken för vilken webbplats frågan gäller till det speciella fältet för detta ändamål

    Sidan jag behöver hjälp med: [logga in för att kunna se länken]

Visar 1 svar - 1 till 8 (av 8 totalt)
  • Moderator Tor-Bjorn Fjellner

    (@tobifjellner)

    WordPress-hemmapulare, Projektledare, Författare, Översättare och Vänlig Själ

    Du länkade till din webbplats inne i ditt inlägg. Jag flyttade länken till det speciella fältet för detta ändamål. En fördel med att använda fältet är att länken endast visas för inloggade användare.

    Du kan lägga in enstaka CSS-regler via Anpassa – Extra CSS.

    T.ex.

    .menu-item, .search-item {background-color: #000000;}
    .site-info {background-color: #000000!important;}

    Här angav jag bakgrundsfärgen svart (#000000). Du kan ange någon annan färg. Se bara till att du får bra kontrast så att texten går att läsa. Du ser direkt hur sidan påverkas i förhandsvisningen, men ändringarna märks för besökare (och utanför Anpassaren) först efter att du publicerat dem.

    Dessa koder hittade jag genom att i Firefox högerklicka på respektive element och välja Inspect Element och sedan kolla runt i CSS-klasserna för dem och prova mig fram.

    Tack!
    Nära målet nu! Skrev separat eftersom temats supportdel låg orörd. Men dom var snabba även där!

    Moderator Tor-Bjorn Fjellner

    (@tobifjellner)

    WordPress-hemmapulare, Projektledare, Författare, Översättare och Vänlig Själ

    De bör ha kunnat svara snabbare. Jag var ju tvungen att först installera temat på en webbplats för att kolla hur dess inställningar ser ut 🙂

    I Firefox (och en del andra webbläsare) kan man högerklicka på önskat element för att kolla närmare på CSS-koder, ID/klasser och helt enkelt prova sig fram lite.

    Om du räknar med att göra mer än triviala småändringar av CSS kan det vara god idé att ta dig omaket att skapa ett barntema (googla ”child theme”). Enda bökiga är att man tvingas göra om alla inställningar i temat när man växlar till barntemat eftersom det formellt är ett nytt tema.

    Tack för hjälpen! Ska kika när jag är vid dator.
    Synd att det inte verkar funka på mobilen att inspektera.

    Moderator Tor-Bjorn Fjellner

    (@tobifjellner)

    WordPress-hemmapulare, Projektledare, Författare, Översättare och Vänlig Själ

    Åtminstone i Firefox kan man till dess simulera inspektion på smalare skärmar genom att använda knappen för ”responsive design mode” längst till höger i toppkanten av Inspekteraren.

    Svårt att hitta i mobilen 🙁

    Någon som vill hjälpa med att ändra hover-färgen i menu och searchknappen? Den är mörkgrå nu.

    Och

    Ändra menu och search-färgen i mobilversionen som nu är grön? (I mobilversionen blir menu-knappen grön om man trycker på den.)

    Skulle vara grymt om någon ville hjälpa!

    Tack!

    Moderator Tor-Bjorn Fjellner

    (@tobifjellner)

    WordPress-hemmapulare, Projektledare, Författare, Översättare och Vänlig Själ

    Första delen i frågan går nog att lösa med något i stil med:

    button.menu-toggle:hover {
        color: #000000!important;
    }

    Men sök-knappen lyckas jag inte komma åt.
    Troligen får du snabbare och mer exakt svar om du frågar i temats eget forum, eftersom temat är en komplicerad blandning av CSS-koder, javascript och DOM-händelser…

    Tack iaf!
    Ah tkr temat är sjysst för ändamålet, men som newbie är det väldig komplicerat byggt. Svårt att testa runt.

    Löser sig nog.

Visar 1 svar - 1 till 8 (av 8 totalt)
  • Du måste vara inloggad för att svara på detta ämne.