Seguir

Mudança de cores do Menu Horizontal para Lojas com CSS customizado

LOJAS COM CSS CUSTOMIZADO

Se sua loja possui CSS Customizado e você deseja alterar as cores dos estilos para o menu horizontal, realize o procedimento abaixo:

No menu principal acesse: Layout > Edição Avançada de Layout > CSS

No inicio do código CSS após o código:

@charset "utf-8";
/* CSS Document */

Insira as classes abaixo com suas respectivas cores:

/* ================ INÍCIO CSS MENU HORIZONTAL ================ */

/* COR PRINCIPAL DO MENU HORIZONTAL */
.menuHorizontal {
background-color: #7c7c7c;
}

/* COR DO QUADRO DA CATEGORIA QUANDO O MOUSE ESTÁ POR CIMA */
.menuHorizontalCategoria:hover {
background-color: #333;
}

/* COR DA FONTE PARA TODO O CONJUNTO DO MENU HORIZONTAL */
.menuHorizontalCategoria a {
color: #ffffff;
}

/* COR DA ÁREA DAS SUBCATEGORIAS */
.menuHorizontalSubcategoria {
background-color: #333;
}
 
/* COR DE FUNDO PARA  ÍCONE DE OFERTAS */
.menuHorizontalSubcategoriaOfertas {
background-color: #7c7c7c;
}

/* COR DE FUNDO PARA  ÍCONE DE NOVIDADES */
.menuHorizontalSubcategoriaNovidades{
background-color: #7c7c7c;
}

/* COR DE FUNDO DA CATEGORIA DO PRODUTO EM DESTAQUE */
.menuHorizontalSubcategoriaDestaqueCategoria {
background-color: #7c7c7c;
}
 
/* COR DO TÍTULO DO PRODUTO EM DESTAQUE */
.menuHorizontalSubcategoriaDestaqueTitulo {
color: #333;
}
 
/* COR DO BOTÃO COMPRAR DO PRODUTO EM DESTAQUE */
.menuHorizontalSubcategoriaDestaqueComprar{
background-color: #7c7c7c;
}
 
/* COR DO BOTÃO VEJA MAIS DO PRODUTO EM DESTAQUE */
.menuHorizontalSubcategoriaDestaqueNav{
background-color: #7c7c7c;
}
 
/* ================ FIM CSS MENU HORIZONTAL ================ */
 
Caso deseje que nossos ajudantes digitais realizem essa tarefa para você adquira o serviço em nossa loja de serviços http://loja.digitalup.com.br/

Comentários

Powered by Zendesk