Tilpas design til Dine ønsker
Opret din egen CSS fil til templaten Protostar
Hvis du ønsker at ændre farver, skrifttyper egenskaber, afstand, baggrunde og andre design detaljer, kan du tilføje en brugerdefineret CSS fil
Hvis du bruger templaten Protostar og ønsker at finjustere udseendet på Din side, skal du ikke redigerer template.css. Du kan bruge denne smarte funktion - tilgængelig siden Joomla 3.5 for at oprette og indlæse din egen CSS-fil.
Lad os se hvordan ...
Step 1 - Opret en ny CSS fil
Filen som du opretter skal hedde user.css Så bliver den automatisk tilføjet, når siden loades
- Klik på Extensions / Udvidelser
- Vælg Templates / Skabeloner
- Vælg Templates / Skabeloner
- Protostar Protostar Detaljer og filer / Details and Files
Her kan du oprette tilsidesætninger/ template overrides og oprette nye filer
- Klik på New File / Ny fil
- Vælg css mappen / css folder
- Vælg Fil type / File Type
- Skriv "user" som Fil navn / File Name
- Klik på Opret / Create
Step 2 - Rediger den nye CSS fil
- Rediger filen user.css
- I kode editoren kan du tilføje og redigere din egen css
- Klik på Gem / Save - så er det tilføjet
- HUSK at tømme både side-, browser- og evt. server cache
body {
font-size: 14px;
line-height: 20px;
}
I mit eksempel ændre jeg størrelse og linjehøjde på body / hele siden, hvis ikke andet er angivet. HUSK at hvis du ændre individuelle skriftstørrelser, er det en god idé at bruge em, som er en Relativ angivelse - læs mere om CSS skriftstørrelser på w3schools.com - lidt nede på siden.
Step 3 - Resultatet
Prøv at åbne siden i din browser. Protostar har nu opdaget dine CSS koder
