• Hoppa till huvudinnehåll
  • Skip to header right navigation
  • Skip to site footer
WP Akuten

WP Akuten

Ta det lugnt - det ordnar sig

  • Verktyg
  • Tips
  • Felsökning
  • Plugin
  • Utveckling
  • Blogg
  • Boka support
    • Kontakta WP-akuten/KoBoToLo
    • Pro bono
    • Cookie Policy (EU)
    • Integritestpolicy
Boka ett möte
Ring
Sök
  • Verktyg
  • Tips
  • Felsökning
  • Plugin
  • Utveckling
  • Blogg
  • Boka support
    • Kontakta WP-akuten/KoBoToLo
    • Pro bono
    • Cookie Policy (EU)
    • Integritestpolicy

WordPress plugin för att lägga till klasser på widgetar

WP Akuten > Tillägg i WordPress > WordPress plugin för att lägga till klasser på widgetar

Klasser för widgets

skrivet den 11 februari, 2020, uppdaterat den 2 november, 2023 av Karin H Olsson

Ofta när man bygger en sida så vill man ha olika utseende på olika widgets i sidofältet. Ibland har temat lite olika förberedda varianter men om det inte finns så är det enkelt att lägga till.

Det vanligaste är att man önskar olika bakgrunder på olika widgets i sidofältet. En annan vanlig sak är att lägga till en klass som döljer inehållet på mobil (eller tvärtom). Eller som i exemplet nedan att ha olika bakgrund på titlarna.

Här ser ni ett exempel när den översta widgeten har grön bakgrund på rubriken medan nästa har röd bakgrund

Widget CSS Classes

Widget CSS Classes är ett plugin som lägger till en inmatningsruta för en klass på en widget. Du installerar tillägget som vanligt och det är inga inställningar eller konfiguration som behöver göras. Du kan göra inställningar för att få klasser som ordningsnummer. De inställningar som finns defalt går bra att använda så det är bara att tuta och köra.

Widget CSS Classes
widget klasser ( class)

Du skriver klassen i rutan för CSS Classes och sedan återstår bara att lägga till CSS för klassen.

För att ha grå bakgrund i en widget så anger jag klassen.

.greybox {
    background: whitesmoke;
    padding: 20px;
    border-radius: 5px;
}

Karin H Olsson

Jag har en bakgrund som konstruktör inom realtidssystem, de system som finns inbyggda i bilar, flygplan mm. Sedan tio år är jag företagare.

Utbildad systemvetare med en master i psykologi och mitt intresseområde finns där människor och datorer möts. En dag förstår vi varandra 🙂

Läs mer => KoBoToLo – Om KoBoToLo en webbyrå i Karlskoga

FöregåendeSå exkluderar du sidor i sökresultat i WordPress
Nästa5 olika sätt att ta bort kommentarer
Kategori: Tillägg i WordPress, Tips

Jag uppskattar din kommentar

Under många år har jag lagt ner tid och engagemang på att hjälpa andra med deras wordpress-sida. Jag uppskattar all form av feedback för på så sätt så blir arbetet roligare och jag vet om det är uppskattat. Så varför inte skriva ett enkelt tack - om du fick tips för att lösa ditt problem eller löste det!
Tack för din återkoppling!
Karin

0 0 Röster
Article Rating
Prenumerera
Uppdatering av
guest
guest
0 Kommentarer
Oldest
Newest Most Voted
Inline Feedbacks
Se alla kommentarer

Sidebar

Prenumerera på tips

Ett ord på vägen

Till Alfons Åberg

Tänk på många saker men gör en i taget.
W Shakespeare

Populära tips

  • Länk till mailadressMail och epost
  • Länk till telefonnummer hemsidapost_feat_img_18
  • Mina bilder kapas (beskärs) – om bildstorlekar…wood-working-garden-tool
  • Bädda in en video i WordPress från YoutubeVideo
  • 5 olika sätt att ta bort kommentarercomments

Se min lista på favoritplugin

Det är inte alltid lätt att välja.

Läs mer

Du hittar mig i Värmland bland skogar, vargar och sjöar


Mail: info@kobotolo.se

Vill du istället att vi kontaktar dig så skicka ett mail så ringer vi upp. Du kan också fylla i vårt kontaktformulär:


Be mig kontakta dig


Maila mig



Tel: 070 – 49 34 191

Onsdagar 9.00 till 10.00 är vår stående hjälptimme. Då ger vi tips och råd per telefon till kunder och icke-kunder. Ingen fråga är fel!

Övrig tid kan vi tyvärr inte ge support per telefon!

Copyright © 2025 · WordPress Akuten · All Rights Reserved

  • Svenska