Personalizzazione CSS di Base
Le modifiche CSS di base consentono di personalizzare l'aspetto e la sensazione del tuo negozio Shopify oltre le impostazioni predefinite del tema. In questo capitolo imparerai come creare e importare un nuovo file CSS nel tuo tema per modifiche di stile.
Passaggi
- Creazione di un nuovo file CSS: vai su Online Store > Temi > Modifica codice e apri la cartella Assets. Clicca su Aggiungi una nuova risorsa, scegli Crea un file vuoto e chiamalo custom.css;
- Aggiunta del codice CSS: apri il file
custom.csse aggiungi questo codice per modificare i font e regolare gli stili dei titoli:
@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;
}
- Collegamento del file CSS al tema: vai al file
layout/theme.liquide aggiungi la seguente riga prima del tag di chiusura</head>per collegare il nuovo file CSS:
{{ 'custom.css' | asset_url | stylesheet_tag }}
- Anteprima delle modifiche: salva le modifiche e visualizza l'anteprima del negozio per vedere come sono stati aggiornati il font e gli stili dei titoli.
1. Dove si crea un nuovo file CSS in Shopify?
2. Cosa modifica il codice CSS fornito?
3. Come si importa un file CSS personalizzato nel tema Shopify?
4. Perché è utile apportare modifiche CSS personalizzate?
5. Qual è lo scopo di importare il font Poppins nell'esempio?
Grazie per i tuoi commenti!
Chieda ad AI
Chieda ad AI
Chieda pure quello che desidera o provi una delle domande suggerite per iniziare la nostra conversazione
Can you explain how to use Google Fonts with Shopify in more detail?
What should I do if my custom CSS changes aren't showing up on my store?
How can I customize other elements besides headings and paragraphs?
Awesome!
Completion rate improved to 6.25Personalizzazione CSS di Base
Scorri per mostrare il menu
Le modifiche CSS di base consentono di personalizzare l'aspetto e la sensazione del tuo negozio Shopify oltre le impostazioni predefinite del tema. In questo capitolo imparerai come creare e importare un nuovo file CSS nel tuo tema per modifiche di stile.
Passaggi
- Creazione di un nuovo file CSS: vai su Online Store > Temi > Modifica codice e apri la cartella Assets. Clicca su Aggiungi una nuova risorsa, scegli Crea un file vuoto e chiamalo custom.css;
- Aggiunta del codice CSS: apri il file
custom.csse aggiungi questo codice per modificare i font e regolare gli stili dei titoli:
@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;
}
- Collegamento del file CSS al tema: vai al file
layout/theme.liquide aggiungi la seguente riga prima del tag di chiusura</head>per collegare il nuovo file CSS:
{{ 'custom.css' | asset_url | stylesheet_tag }}
- Anteprima delle modifiche: salva le modifiche e visualizza l'anteprima del negozio per vedere come sono stati aggiornati il font e gli stili dei titoli.
1. Dove si crea un nuovo file CSS in Shopify?
2. Cosa modifica il codice CSS fornito?
3. Come si importa un file CSS personalizzato nel tema Shopify?
4. Perché è utile apportare modifiche CSS personalizzate?
5. Qual è lo scopo di importare il font Poppins nell'esempio?
Grazie per i tuoi commenti!
