🚀 Contrate a Planweb

Contrate minha equipe na Planweb para deixar sua loja profissional e configurada para vender de verdade.

📹 Vídeos comentados e sugeridos

• Como fazer o cadastro de produtos corretamente na loja virtual Nuvemshop
• SEO – Otimize sua loja para aumentar as chances de ser encontrada no Google
• Transformar o carrossel do tema amazonas da Nuvemshop em grid para rolagem vertical (normal)
• Ajustar banner rotativo no tema Amazonas da Loja Virtual Nuvemshop
• Live #11 – Especial sobre CSS Personalizado para loja Nuvemshop

📝Resumo do conteúdo

O que o é possível personalizar na minha loja Nuvemshop com CSS?

Tudo o que for referente a “formatação” dos elementos, ou aspecto visual deles. O CSS não altera estrutura do HTML e nem o conteúdo, ele apenas modifica as características visuais do elemento.

Nos textos é possível mudar:

• Tamanho da fonte
• Cor do texto
• Maíuscula ou Minúscula
• Espaçamento – Entre linhas, margens, preenchimento
• Fonte (Estilo da fonte)
• Aspecto: Negrito, Normal, Fino;
• Decorações: Riscado, sublinhado, etc…
• Sombra
• Outros

Em outros elementos como camadas, boxes, botões, etc…

• Cor ou imagem de fundo
• Toda a formatação de texto interno (Especificado na lista anterior)
• Sombra
• Tamanho: Largura e altura, fixa, relativa ou percentual;
• Posicionamento: Estático, Fixo, Relativo, Absoluto;
• Borda: Espessura, cor, superior, inferior e laterais;
• Arredondamento dos cantos;
• Opacidade;
  Outros

Sintaxe básica de um código CSS

seletor{
   propriedade: valor;
}

Efeito Cascata

Sempre a última instrução CSS escrita irá sobrepor a declarada anteriormente, mas somente as propriedades que foram declaradas, as que não forem continuarão funcionando conforme a declaração anterior.

Caso queira que uma declaração prevaleça, deve-se incluir a flag !important logo após o valor declarado.

Em caso de repetida declaração com a flag !important, manterá a regra da cascata valendo sempre a última declarada com essa flag.

Hierarquia dos elementos

A formatação definida para um elemento pai será aplicado por padrão aos elementos filhos, ou seja, aos que estão dentro deles, a não ser que seja redefinida uma declaração CSS para esse elemento filho.

❓ Perguntas Respondidas

… Resposta na live

💬 Chat da Live

Antonio SanchezDesenvolvedor de loja

Antonio SanchezQuintana/SP

Michele BernardesBoaaa tarde

Bebe Arthurboa tarde amigo tudo bem

Samuel SoaresJackson, boa tarde…. me ajuda numa dúvida…. Criei uma conta na shopfy com 4 mêses grátis e apos isso uma mensalidade de 14$.

Ofertas Hotboa tarde

Samuel SoaresVale apena mudar para nuvemshop?

Michele Bernardestenho loja

Michele Bernardessou de Uberlândia

Kenia Martinsboa tarde

Thaina FerreiraBoa tarde Jackson!

lia silvaOlá boa tarde ,primeiramente PARABÉNS pelas 1000 visualizações ,isso não é nada perante ao seu trabalho e dedicação que tem nos oferecido, logo logo serão transformadas por MILHÕES .

shopping Spacepode ser sendo menor de idade?

Samuel SoaresObrigado, ainda vou começar…não tenho loja ainda montada, só para saber qual seria melhor, para não começar em uma e depois me arrepender …. Obrigado pela informação

Bebe ArthurJackson quem tem o plano de 99,90 na nuvemshop tem direito a códigos CSS grátis ?

RenatoBRScheguei na area meu povo

lia silvaPor favor poderia nos mostrar como tirar o botão de frete grátis e a porcentagem off que fica em cima da imagem

shopping Spacemontei minha loja é já achei o fornecedor já estou começando

RenatoBRScaraca maneiro esse botão do whats não tinha visto ainda

Alexandre AbrantesTem como colocar uma foto para cada nicho com css? se não, onde é como acho instruções pra fazer isso?

Loja KaririBoa tarde professor…

Alexandre Abrantessim, eu gostaria de saber como colocar uma imagem pra cada categoria. ex: Categoria: MULHER, com uma foto de uma mulher. já agradeço!

Jackson Jorge – Empreendedor Digitalhttps://loja.planweb.com.br/produtos/…

RenatoBRScomo colocou esse botão do whatsapp?

RenatoBRStendi

Luis Daniel – Gestor de tráfegoCabeçalho na barra de anúncio que fica acima desse banner de inicio. texto informativo fica centralizado, caso eu queira adicionar outras 2 informações mais curtas dando espaço ( esq. centr. direit)

Luis Daniel – Gestor de tráfegoentre elas

Valéria Vieiraolá Jackson vc tem vídeo ensinando a colocar o botão de compra no final da Descrição do produto?

Jackson Jorge – Empreendedor Digitalhttps://loja.planweb.com.br/produtos/…

MarconBoa tarde, pode me ajudar? Para editar o css somente com o plano Influência?

Valéria Vieiraobrigada

Jackson Jorge – Empreendedor Digitalhttps://www.youtube.com/watch?v=szBdL…

Fernando BaraunaJackson sua loja na página principal de baixo do parcelamento tem a opção de pix e o valor avista, colocar no tema simple.

Carla BrandaoOi Jackson, boa tarde! Eu enviei um e-mail e liguei também. Sobre umas dúvidas que gostaria de tirar para finalizar a compra.

Kenia MartinsTa transmitindo normalmente

Bruno GermanoSim estamos

Carla BrandaoEstou

Carla BrandaoPois é

Bruno Germanotenta uma aba anonima

Ofertas Hotaqui ta ok

Carla BrandaoTenta outro navegador

Valéria VieiraJackson já sou vou cliente de vcs, Papelaria Santa Canetinha e Tbm sou Loja parceira como faço a adquirir o Script de botão de compra no final da Descrição

Jackson Jorge – Empreendedor DigitalGalera, ja volto, deu pico de luz aqui e caiu tudo

Kenia MartinsSem Problemas

Kenia MartinsTa sem áudio

Ofertas Hotaqui travou tudo

Kenia MartinsVoltou o audio

Ricardo Soaresfaz tempo q começou?

Kenia Martinsporem a imagem está repicando

Ofertas Hoto audio aqui ta ok

Ricardo Soareso áudio tá certo, mas a imagem tá travando

Ofertas Hotimagem travando

Pedro Santosta travando a imagem somente

Pedro Santosqual código usar para modificar algo somente para o mobile?

Ricardo Soaressó segui chegar agora, perdi muita coisa?

Kenia MartinsVoltou

Ricardo Soareso script que tira o carrossel do layout Amazonas, não aumenta o tempo de carregamento da página? por conta de mais imagens pra carregar

Kenia Martinsa imagem agora ta perfeita também

Elísio F Borges | UNICERT – RJJackson, aqui é o Elísio. Deixei um assunto para vc no VIDEO DE FRETE. Ajude-me respondendo, assim que possivel. Muito obrigado. Elísio

Ofertas Hotvc colocou o zoom ficou ótimo

Ricardo Soaressim, mandei

Elísio F Borges | UNICERT – RJAinda no mês de abril, estamos nos associando a vcs..

Ricardo Soaresshow, valeu Jackson
Curta o chat ao vivo! Não se esqueça de proteger sua privacidade e seguir nossas diretrizes da comunidade.
SAIBA MAIS

Pedro Santoscomo alterar o botão de lugar???

Pedro Santosquais comandos usar para alterar o botão de lugar?

Ricardo Soaresquando pretende fazer a próxima live de análise de site?

Sounds NoCopyright [SNC]faz um vídeo de como configurar o meios de envios na forma de Dropshipping

Kenia MartinsNo tema Amazonas tem a possibilidade de colocar um botão na pagina inicial pra que quando o cliente clicar ele consiga ver todos os produtos?

Ofertas Hotcomo arredondar as bordas

Pedro SantosVou tentar explicar melhor… Preciso alterar o botão de lugar, somente do mobile

Elísio F Borges | UNICERT – RJJackson é possível inserir um botao de agendamento ou compra em uma pagina qualquer, sem código?

Jackson Jorge – Empreendedor Digital.item-product .labels { display: none;}

Luis Daniel – Gestor de tráfegoMensagem informativa que fica no topo (cabeçalho) da loja. Texto da mesma fica centralizado > como faço para adicionar mais 2 textos colocando 1° na esquerda 2° centralizado e o 3° a direita

Luis Daniel – Gestor de tráfegoNa opção da loja só consigo acionar 1 texto centralizados

Brincalhão Pet Shopcomo configurar a loja no celular?

Elísio F Borges | UNICERT – RJMuito obrigado.

Gabriel Flauzinovc consegue analisar minha loja ?

DONNA DUcomo mudo a foto de capa do produto Jackson?

Ofertas Hotok meu jovem, obrigado

Georgides FerreiraEm outras plataformas tem como vincular cada pixel para cada produto como fazer isso na nuvem

Lucas GomesJackson vai ter uma diferença de performance significante ao usar o Jquery ao invés de JS puro ?

Vie et SantéQuando as pessoas clicam, em qualquer categoria da minha loja, elas sao direcionadas para uma pagina /produtos. e lá so tem uma imagem

Vie et Santésempre a mesma

Lojas AdmireShoptem video de como configurar meios de envios?

Brincalhão Pet ShopInstalar o Gerenciador de tags do Google e eu coloco no codigo de rastreio da nuvem shop

Jackson Jorge – Empreendedor Digitalhttps://www.youtube.com/watch?v=nXAtY…

Elísio F Borges | UNICERT – RJJackson, Estou saindo. Obrigado pela experiência dessa LIVE. Elísio

Fernando BaraunaJackson como deixar de baixo do parcelamento, a forma de pagamento no pix, valor avista . igual esta na sua loja de verde

Jackson Jorge – Empreendedor Digital@Fernando Barauna chama no whats https://planweb.com.br/whats que minha equipe te atende para instalar esse código

lia silvagratidao

Samuel Soaresshow

Vie et SantéCriando Conversões personalizads por URL ou por Botão com o pixel do facebbok

Brincalhão Pet Shopparabéns pela live, mto top

Jackson Jorge – Empreendedor DigitalQue bom que gostaram, fiquei um pouco chateado pelos travamentos e queda da luz, mas deu tudo certo

Vie et Santéperfeito muito obrigado

Vie et SantéBlz vou mandar sim