Skip to main content

Visão geral

Por padrão, as setas do carrossel na seção de upsell do Upcart são pretas. Se o fundo do seu upsell for escuro, as setas podem ficar difíceis de ver. Você pode corrigir isso alterando a cor das setas com uma simples atualização de CSS.

Onde encontrar o editor de CSS personalizado

  1. Vá em Upcart > Cart Editor > Settings > Custom CSS
  2. Role para baixo até o campo de entrada e cole seu código CSS
  3. Clique em Save
  4. Recarregue sua vitrine para visualizar as mudanças

Exemplo de CSS para alterar a cor da seta na V1.0

Exemplo de CSS para alterar a cor da seta na V2.0

A regra da V1 acima define as setas como brancas; a regra da V2 as define como laranja. Ambas se aplicam às setas de avançar e voltar.

Como personalizar

Você pode atualizar border-color e stroke para combinar com a paleta da sua marca. Use qualquer formato de cor válido:
  • Cores nomeadas (exemplo: black, white, red)
  • Códigos hexadecimais (exemplo: #ffffff)
  • Valores RGB (exemplo: rgb(255, 255, 255))
Exemplo:
Isso garante que as setas de navegação do seu upsell permaneçam visíveis sobre qualquer cor de fundo.