Grunnleggende CSS-tilpasning
Grunnleggende CSS-endringer gir deg mulighet til å tilpasse utseendet og følelsen av Shopify-butikken din utover temaets standardinnstillinger. I dette kapittelet lærer du hvordan du oppretter og importerer en ny CSS-fil til temaet ditt for stilendringer.
Fremgangsmåte
- Opprette en ny CSS-fil: gå til Nettbutikk > Temaer > Rediger kode og åpne Assets-mappen. Klikk på Legg til en ny ressurs, velg Opprett en tom fil, og gi den navnet custom.css;
- Legge til CSS-kode: åpne
custom.css-filen din og legg til denne koden for å endre skrifttyper og justere overskriftsstiler:
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;700&display=swap');
h2 {
font-family: 'Poppins', sans-serif;
font-size: 42px;
font-weight: 600;
color: #000;
}
- Koble CSS-filen til temaet ditt: gå til
layout/theme.liquid-filen og legg til følgende linje før den avsluttende</head>-taggen for å koble til den nye CSS-filen din:
{{ 'custom.css' | asset_url | stylesheet_tag }}
- Forhåndsvise endringene dine: lagre endringene og forhåndsvis butikken din for å se hvordan skrifttypen og overskriftsstilene er oppdatert.
1. Hvor oppretter du en ny CSS-fil i Shopify?
2. Hva endrer den oppgitte CSS-koden?
3. Hvordan importerer du en egendefinert CSS-fil til ditt Shopify-tema?
4. Hvorfor er det nyttig å gjøre egendefinerte CSS-endringer?
5. Hva er formålet med å importere fonten Poppins i eksempelet?
Alt var klart?
Takk for tilbakemeldingene dine!
Seksjon 2. Kapittel 3
Spør AI
Spør AI
Spør om hva du vil, eller prøv ett av de foreslåtte spørsmålene for å starte chatten vår
Awesome!
Completion rate improved to 6.25Grunnleggende CSS-tilpasning
Sveip for å vise menyen
Grunnleggende CSS-endringer gir deg mulighet til å tilpasse utseendet og følelsen av Shopify-butikken din utover temaets standardinnstillinger. I dette kapittelet lærer du hvordan du oppretter og importerer en ny CSS-fil til temaet ditt for stilendringer.
Fremgangsmåte
- Opprette en ny CSS-fil: gå til Nettbutikk > Temaer > Rediger kode og åpne Assets-mappen. Klikk på Legg til en ny ressurs, velg Opprett en tom fil, og gi den navnet custom.css;
- Legge til CSS-kode: åpne
custom.css-filen din og legg til denne koden for å endre skrifttyper og justere overskriftsstiler:
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;700&display=swap');
h2 {
font-family: 'Poppins', sans-serif;
font-size: 42px;
font-weight: 600;
color: #000;
}
- Koble CSS-filen til temaet ditt: gå til
layout/theme.liquid-filen og legg til følgende linje før den avsluttende</head>-taggen for å koble til den nye CSS-filen din:
{{ 'custom.css' | asset_url | stylesheet_tag }}
- Forhåndsvise endringene dine: lagre endringene og forhåndsvis butikken din for å se hvordan skrifttypen og overskriftsstilene er oppdatert.
1. Hvor oppretter du en ny CSS-fil i Shopify?
2. Hva endrer den oppgitte CSS-koden?
3. Hvordan importerer du en egendefinert CSS-fil til ditt Shopify-tema?
4. Hvorfor er det nyttig å gjøre egendefinerte CSS-endringer?
5. Hva er formålet med å importere fonten Poppins i eksempelet?
Alt var klart?
Takk for tilbakemeldingene dine!
Seksjon 2. Kapittel 3
