Alteração de cores do tema

Layout
1

Pessoal,

Gostaria de mudar algumas cores no meu site (www.duquesatshirt.com.br).
Passei o dia pesquisando na comunidade, mas não encontrei os códigos para estas alterações:

1- Mudar a cor dos traços do Menu quando abaixa a pagina para branco:

image

2- Mudar a cor das fontes do rodapé, do botão ASSINAR e o logo do instagram para rosa #BC1E69:

image

3- Mudar o HOVER do valor do carrinho para rosa #e9d1e4 e o botão comprar para rosa #BC1E69:

image

4- Mudar o HOVER dos icones do Fale conosco, meus favoritos (só os ícones, a fonte eu consegui mudar) e o hover completo do rastreie seu pedido para rosa #e9d1e4 (ícone e fonte):

image

5- Mudar a cor do botão favoritar para rosa:

image

Desculpe o abuso, mas se alguém conseguir me ajudar com essas coisas ficarei eternamente grata!! :slight_smile:

1 curtida
2 
/* As três barras do menu */
#cabecalho.fixed .open-menu .line
{
    background: #ffffff;
}

/* As três barras do menu mobile e botão fechar menu*/
.conteudo-topo .busca-mobile .atalho-menu, .conteudo-topo .menu.superior.visible-phone .menu-close:after
{
	background: #ffffff;
}

/* Texto ofertas por e-mail */
#barraNewsletter.posicao-rodape .componente .texto-newsletter
{
	color: #BC1E69;
}

/* Botão assinar e-mail */
#barraNewsletter.posicao-rodape .componente .newsletter-assinar
{
	background: #BC1E69;
    border: solid 2px #BC1E69;
}

/* Cor da logo instagram*/
div#instagram .icon .cls-1
{
	fill: #BC1E69;
}

/* Cor do texto institucional */
#rodape .institucional .titulo 
{
	color: #BC1E69;
}	

/*Botão fechar compra no carrinho da compras*/
#cabecalho .carrinho .carrinho-interno .carrinho-rodape .botao
{
	background: #BC1E69;
}

/* Cor do favoritos no produto quando passa o mouse */
.adic-favo:active,.adic-favo:focus,.adic-favo:hover
{
	background: #BC1E69;
}

/* Hover cor texto fale conosco e meus favoritos */
.barra-inicial .top-actions .top-action-item a:hover
{
	color: #e9d1e4
}

/* Hover cor icone fale conosco e meus favoritos*/
.barra-inicial .top-actions .top-action-item a:hover .icon
{
	fill: #e9d1e4
}

/* Hover cor texto Rastreie seu pedido*/
.barra-inicial .top-actions .top-action-item.rastreio:hover a
{
	color: #e9d1e4;
}

/* Hover cor icone Rastreie seu pedido*/
.barra-inicial .top-actions .top-action-item.rastreio:hover a .icon
{
	fill: #e9d1e4;
}

Acho que não faltou nada, boa sorte.
Para fazer as alterações adicione os códigos pelo painel.
https://app.lojaintegrada.com.br/painel/plataforma/conta/tema/css/editar

4 curtidas
3

Oi Thiago, bom dia!

Deu certo!! Muito obrigada!!! :slight_smile:

4

Bom dia Thiago… Td bem? vi q vc conseguiu ajudar rsrs

quem sabe vc pode me ajudar tbm rs queria colocar o botão de comprar na cor verde… como faço isso?

Tem que alterar esse tal de CSS, não faço ideia de como faz isso, se puder ajudar eu te agradeço.

Um abraço.

1 curtida
5

Sim, todas as definições de cores da loja são por css. Poderia passar o endereço da sua loja e me informar quais cores você deseja alterar?

1 curtida
6

@Thiago,

Não querendo abusar da sua boa vontade, mas já abusando… :flushed:

Comprei para minha loja (https://www.duquesatshirt.com.br/) o tema Neutral (https://neutral-theme-v2.lojaintegrada.com.br/), mas gostei muito de um detalhe de um tema (Now House) que tem um espaço para descrever uma categoria ou um produto na pagina inicial:
image
Tem alguma forma de incluir esses textos em outros temas?

Muito obrigada!! :slight_smile:

7

qual o codigo que voce usou para colocar o botao dos meus favoritos e e coração nas fotos?

8

Olá!

Estou com dúvida na compra dos temas. Qualquer tema que eu comprar eu consigo alterar o código por conta? Obrigado

1 curtida
9

@Appmake.store, boa noite!!
Posso te fazer mais uma pergunta? :flushed:

Consegui incluir uma pagina extra no meu menu (consegui o código aqui na comunidade e vou colar no final do post), mas gostaria de mudar a fonte e a cor para ficar igual aos outros itens do menu (em branco com hover em rosa clarinho.

Hoje ele esta assim (não aparece e quando passa o mouse fica cinza):

image
image

O código em HTML:

Muito obrigada mais uma vez!! :slight_smile:

10

Olá Fabricio,

Ajudo sim, você poderia me informar a URL da sua loja?

Att Equipe Appmake

Appmake.store

11

Olá @Appmake.store,

Desculpe, esqueci de mencionar… é www.duquesatshirt.com.br

Obrigada! :slight_smile:

12

Olá Fabricio,

Basta adicionar esse código CSS:

.full.menu .nivel-um>li>a {
    color: #fff;
    font-size: 15px;
    text-transform: uppercase;
    font-family: Montserrat;
    font-weight: 700;
}

Att Equipe Appmake

Appmake.store

1 curtida
13

Olá, sou leiga no assunto… tem algum lugar na loja integrada que consigo ver o css e o html utilizado? Como vocês descobrem os nomes certos para modificar as cores?

1 curtida
14

Oi @Lemon

Para saber esses nomes das classes e enxergar o css da sua loja vc pode usar o “inspecionar” do seu navegador…

ao clicar com o botão direto sobre um pedaço do seu site, vai aparecer algo assim:
image

Ao clicar nele, toda a estrutura do seu site será visualizada.

É assim que sabemos quais nomes são utilizados nas classes do seu site

Abraço!

1 curtida
15

Boa noite, não estou conseguindo alterar algumas cores no meu tema, como:
image
image
image

Poderia me auxiliar?

16

Continuando a discussão do Alteração de cores do tema:

Oi @ThiagoAbreu , tudo bem??

Poderia por gentileza me dizer se é possível alterar apenas a cor da fonte do cabeçalho, sem alterar a cor do restante do site?

Segue link da minha loja: https://www.qlardecor.com.br/

Gostaria de colocar as cores da fonte do menu em branco, e deixar o restante do site em preto, como está.

Muito obrigada!!!

17

BOA TARDE, GOSTARIA DE SABER DE CONSIGO DEIXA A APARENCIA DA EXIBIÇÃO DOS MEU PRODUTOS IGUAL AO DA FOTO?Sem%20t%C3%ADtulo2

MEU SITE É O WWW.FARMA15.COM.BR

18

Olá amigo, tudo bem?

Estou procurando alguns códigos para alterar algumas coisas em minha página. Se você tiver e puder me informar fico agradecido:

Ícone do instagram onde está escrito: Sigam nosso instagram, com possibilidade de edição de fonte e cor;
Ícone de favoritos para os produtos com possibilidade de edição de cor;
Aumentar ou trocar o formato da seta para mudança entre os fullbanners;
Deixar todas as caixinhas de produtos com o mesmo tamanho, pois as que não permitem parcelamento ficam com tamanho menor devido à quantidade de texto nas caixas;
Possibilidade de deixar o mosaico de banners ocupando toda a área vertical no mobile;
Possibilidade de inserir link no mosaico de banners.

Por enquanto é isso, muito obrigado.

19

Eu tenho os códigos dos botões de whatsapp, Instagram e TikTok se você quiser, e estou precisando de uma ajuda com as cores de um tema que peguei de outro site, não consigo alterar as cores, se puder me ajudar também serei grato blz
Este é o site que estou criando a partir do tema que copiei, não consegui os códigos css pra alterar as cores do tema kkk

20

Boa noite Thiago Abreu , Tudo bem ?
Preciso da sua ajuda , gostaria muito alterar as cores do meu tema , atualmente utilizo o tema gratuito super orange. Vi alguns indicando usar o plugoo para gera o código de css mas tentei e não deu certo , poderia por gentileza me orientar por favor , não faço ideia de como gerar estes códigos .

Desde já agradeço .