Hantera utseende på dina webbplatser enkelt med StyleBot

23 december, 2017 | Tips & tricks

Om du inte testat verktyget Stylebot, som är ett tillägg till din Chrome webbläsare för att hantera CSS, så rekommenderar jag dig att testa det nu.
Med Stylebot kan du enkelt testa och anpassa din webbsida med CSS innan du ändrar permanent i din stilmall.

Här laddar du ner StyleBot för Chrome

Stylebot är helt gratis!

Exempel på vad du kan göra med Stylebot är att markera ett element, ex en rubrik, och ändra font och storlek, för att se om det passar din webbsida bättre.
Det fungerar med andra ord precis som developer tools (F12) i din webbläsare fast mycket enklare och tydligare presenterat.
Du kan använda ett grafisk gränssnitt där du ser de olika parametrarna utskrivna, ex font-family, font size och background color, eller skriva CSS som vanligt med vanlig text.

Alla ändringar förhandsgranskas direkt (om du vill). Du kan ställa in var edition ska visas, använda snabbkommandon osv

Du kan även använda Stylebot för att snabbt förändra dina favoritwebbsidor, ex för att dölja element med reklam, öka storleken på typsnitt eller förändra så som just du vill ha det.

Det går också att dela stilmallar och hämta från andra i communities.

Kort sagt, testa själv!

Om sidan

Om sidan

Divi.se ägs och drivs av Henrik Rossini som driver webbyrån Joolo Webbdesign.
Sidan visar svensk information samt tips & trix för premium-temat Divi för WordPress. Divi.se har inga kopplingar till temats leverantör Elegant Themes. Divi samt Elegant Themes är registrerade varumärken som tillhör Elegant Themes, Inc.

Vissa länkar på denna webbplats är sk ”affiliate länkar” vilket innebär att om du klickar på länken och köper en produkt på de sidan så kommer jag att erhålla en viss ersättning.

Söker du hjälp med Divi så kontakta mig via min webbyrå Joolo Webbdesign

Läs även

4 plugins för custom post types i WordPress

4 plugins för custom post types i WordPress

Ibland finns behov av att bygga ett register på sin webbplats, med anpassade fält just för dig och din verksamhet. Här kommer jag tipsa om fyra olika plugins som du kan använda i WordPress för detta ändamål.

Den ultimata guiden till Divi tema-anpassare

Den ultimata guiden till Divi tema-anpassare

I Divi temat ställer du enkelt in din design med hjälp av den sk tema-anpassaren. Det kan vara menyer, färger, typografi, CSS och en hel del annat. Du hittar Divi Anpassaren i menyn under Divi > Tema-Anpassare. Elegant Themes har en väldig lättförståelig guide för...

Hur du skapar mikroanimeringar på ikoner och blurbs

Hur du skapar mikroanimeringar på ikoner och blurbs

Mikroanimeringar är ett kul sätt att utöka synligenheten för ikoner och blurbs på din sida. Det kan vara att de pulserar, skakar, roterar eller liknande för att väcka uppmärksamheten för dina besökare. https://www.youtube.com/watch?v=vcLNc_I_BSI