Som du säkert sett på många hemsidor har man en knapp i menyn som tar en till en riktigt bra sida. Det finns många tutorials på nätet som ger dig tips om hur du kan transformera dina knappar i menyn. T ex vill du framhäva din knapp för
- Kontakta oss
- Boka nu
- Köp nu
- Testa här
- Ring oss
- FAQ
Det kan såklart vara vad som helst anpassad för just din hemsida i WordPress. För att skapa denna effekt så behöver du använda dig av CSS. Det är alltid bra om du har ett barntema där du kan skriva in din kod, annars lägger du den under Divi tema-inställningar.
På denna sida ser det ut så här:
Så här gör du:
- Öppna din meny och se till så att du har CSS-klasser aktiverade
- Skriv in klassnamnet under ditt menyalternativ, i detta fall cta_button
- I din barnmeny eller under Divi temainställningar under allmänt klistrar du sist in CSS-koden i fältet längst ned.
Detta syns bäst på din desktopsida så vi väljer bort tablet och mobilvyn.
/*--- Anpassad menyknapp ---*/ @media (min-width: 1025px) { .cta_button a { background-color: #e09900; padding: 10px 20px !important; border-radius: 20px; text-transform: uppercase; color: #fff !important; box-shadow: 0px 0px 30px 2px rgba(0, 0, 0, 0.1);} }
Tips på lite olika varianter: