Personalização Básica de CSS
Alterações básicas em CSS permitem personalizar a aparência da sua loja Shopify além das configurações padrão do tema. Neste capítulo, você aprenderá como criar e importar um novo arquivo CSS para o seu tema para realizar modificações de estilo.
Etapas
- Criar um novo arquivo CSS: acesse Loja Virtual > Temas > Editar código e abra a pasta Assets. Clique em Adicionar um novo asset, escolha Criar um arquivo em branco e nomeie como custom.css;
- Adicionar código CSS: abra seu arquivo
custom.csse adicione este código para alterar fontes e ajustar os estilos dos títulos:
@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;
}
- Vincular seu arquivo CSS ao tema: acesse o arquivo
layout/theme.liquide adicione a seguinte linha antes da tag de fechamento</head>para vincular seu novo arquivo CSS:
{{ 'custom.css' | asset_url | stylesheet_tag }}
- Visualizar as alterações: salve as alterações e visualize sua loja para ver como as fontes e estilos dos títulos foram atualizados.
1. Onde se cria um novo arquivo CSS no Shopify?
2. O que o código CSS fornecido altera?
3. Como importar um arquivo CSS personalizado para o seu tema Shopify?
4. Por que é útil fazer alterações personalizadas em CSS?
5. Qual é o objetivo de importar a fonte Poppins no exemplo?
Obrigado pelo seu feedback!
Pergunte à IA
Pergunte à IA
Pergunte o que quiser ou experimente uma das perguntas sugeridas para iniciar nosso bate-papo
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.25Personalização Básica de CSS
Deslize para mostrar o menu
Alterações básicas em CSS permitem personalizar a aparência da sua loja Shopify além das configurações padrão do tema. Neste capítulo, você aprenderá como criar e importar um novo arquivo CSS para o seu tema para realizar modificações de estilo.
Etapas
- Criar um novo arquivo CSS: acesse Loja Virtual > Temas > Editar código e abra a pasta Assets. Clique em Adicionar um novo asset, escolha Criar um arquivo em branco e nomeie como custom.css;
- Adicionar código CSS: abra seu arquivo
custom.csse adicione este código para alterar fontes e ajustar os estilos dos títulos:
@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;
}
- Vincular seu arquivo CSS ao tema: acesse o arquivo
layout/theme.liquide adicione a seguinte linha antes da tag de fechamento</head>para vincular seu novo arquivo CSS:
{{ 'custom.css' | asset_url | stylesheet_tag }}
- Visualizar as alterações: salve as alterações e visualize sua loja para ver como as fontes e estilos dos títulos foram atualizados.
1. Onde se cria um novo arquivo CSS no Shopify?
2. O que o código CSS fornecido altera?
3. Como importar um arquivo CSS personalizado para o seu tema Shopify?
4. Por que é útil fazer alterações personalizadas em CSS?
5. Qual é o objetivo de importar a fonte Poppins no exemplo?
Obrigado pelo seu feedback!
