101 meny-effekter | CSS
Här kan du läsa om hur du gör Här kan du se en demo över alla effekter Här kan du ladda Divi-menu-effects
Linje under vald rubrik i meny
Du kan ändra färg och tjocklek på linjen som är i menyn. Kolla effekten här https://kockstudion.se/ Gör enligt följande för att få effekten. 1. Klicka på Temaanpassaren 2. Scrolla ned till Extra CSS 3. Klistra in koden nedanför 4. Publicera Anpassa koden som du vill att det ska se ut. /*** Line – […]
Skippa Photoshop – gör svartvita bilder på en sida – med kod
Ibland kanske man vill göra alla bilder på en sida i gråskala, med hoover effekt att du ser färgen. Du kan spana in sidan kockstudion.se för att se hur det kan se ut. Först går du till den sidan där du vill ändra till svartvita bilder. 1. Klicka på Inställningar på den rad (grön) där […]
Övning: Flytande knapp med Codepen Code Generator
[et_pb_section fb_built=”1″ admin_label=”section” _builder_version=”3.22″][et_pb_row admin_label=”row” _builder_version=”3.25″ background_size=”initial” background_position=”top_left” background_repeat=”repeat”][et_pb_column type=”4_4″ _builder_version=”3.25″ custom_padding=”|||” custom_padding__hover=”|||”][et_pb_text admin_label=”Text” _builder_version=”4.4.9″ background_size=”initial” background_position=”top_left” background_repeat=”repeat” hover_enabled=”0″] Använda Codepen Code GeneratorVi kommer att använda en ”codepen” som är skapad för Divi Community. Kodgeneratorn sammanställer (kompilerar) koden och exporterar till ett enda kodblock som sen kan användas i Divi med kod-modulen. Klicka på länken […]
External link-icon – automatiskt med css
Kopiera in nedanstående kod under Utseende/Anpassa/Extra CSS Byt ut dindomänadress.com till din egen. Spara/Publicera /* GLOBALT – Extern-länk-symbol efter externa länkar. */ a:not([href*=’dindomänadress.com’]):not([href^=’#’]):not([href^=’/’]):not(.badnavanchor):not(.social-bar-link-mini):after { font-family: ’FontAwesome’; content: ” \f08e”; font-size: 10px; color: #888; font-weight: bold; padding: 0px 2px 0px 2px; } Läs mer om hur du kan prenumerera på FontAwesome här»
External link-icon
1. Hämta koden Använd koden nedan om du alltid öppnar externa länkar i ”nytt fönster” (blank) [box] a[target=”_blank”]:after { font-family: ’FontAwesome’; content: ” \f08e”; }[/box] Se den engelska lösningen här och fler förslag https://waaz.xyz/adding-external-link-indicator-with-css/ 2. Prenumerera på Font Awesome Gå till Font Awesome och skapa ett gratiskonto, använd den mail du vill. Klicka på länken […]
Hitta kontraster – Chrome
Öppna din webbsida i Chrome Högerklicka på det du vill ändra färg på Klicka på ”Inspect” eller ”Inspektera” Utvecklarfönstret öppnas till höger (den öppnas där du hade den senaste, så om du har flyttat den så kan den ligga på annat ställe) Se till att elementet du vill ändra på är markerat […]
Ikoner i menyn – Plugin
Hela beskrivningen på engelska hittar du här» Så här lägger du till menyikoner i din meny Den här guiden visar hur du lägger till sociala ikoner i menyn. Det här gäller företagets teman men funkar även i Divi. Steg 1. Ladda ner och aktivera plugin Menu Icons Steg 2. Gå till Admin Dashboard-> Utseende-> Menyer […]
Lägg till flera SoMe-ikoner
Här kan du spana in två olika sätt att ändra de sociala medier-ikonerna högst upp på din Divi-sida. 1. Du har Child Themes installerat OBS! Det här fungerar bara om du har en egen webbsida och åtkomst till din ftp. Följ med i YouTube-klippet. 2. Utan Child Themes Om du inte har installerat Child Themes […]
Ta bort sidfot och bottenrad
Antingen lägger du in nedanstående CSS-koder via två olika vägar men det är samma ställe. • Divi/Temainställningar, scrolla längst ned och klistra in i ”Anpassad CSS” eller • Divi/Temaanpassningar och ”Extra CSS”. Vill du ta bort från hela webbsidan använder du nedanstående koder /* Hide footer */ #main-footer { height: 0 !important; overflow: hidden; } […]