Adicionar Imagem à categoria no lado direito e alterar cor da fonte

CMS Personalização
#1

Bom dia, como:

  • Altero a cor da fonte para deixar assim na categoria da barra lateral (está laranja atualmente):

    image
    image1220×629 118 KB

  • Adiciono a logo da empresa NA CATEGORIA DA BARRA LATERAL (acima delas), pondo a logo da empresa:
    logo-transparente-1-

#2

Boa tarde, tudo bem?
O menu lateral, você pode colocar em seu Layout > Inserir Código > Editar CSS:

.menu__item {
color: #000
}

Ou qualquer cor hexadecimal para alterar a cor do escrito da categoria.

No site em si não tem o logo da empresa e sim da ferramenta de marketing que está no topo, no caso é o H. Se quiser colocar um logo na parte superior antes das categorias, seria:

.menu__list:before {
    background-image: url(https://mekhos.netlify.app/img/uploads/logo-transparente-1-.png);
    background-size: 40px 40px;
    display: block;
    width: 40px; 
    height: 40px;
    content:"";
    margin-left: 1rem;
}
#3

Perdão, me referia À BARRA LATERAL DAS CATEGORIAS, não é na página principal, mas sim 'acima das categorias" que ficam no MENU LATERAL (onde tem os icones das categorias)

#4

Tipo esse MENU LATERAL ESQUERDO (que tem a logo logo acima dele):

image
image1366×630 149 KB

#5

A loja editou o html do menu no github, colocando nesse topo a imagem do logotipo. Ou você pode apenas inserir um CSS, como esse abaixo:

.menu__list:before {
    content: url(https://mekhos.netlify.app/img/uploads/logo-transparente-1-.png);
   display: flex;
  justify-content: center
}

No caso, colocar uma imagem menor, ficará mais bacana, mas tem mesmo efeito

1 curtida
#6

image
image312×631 16.5 KB

As palavras das categorias do menu lateral continuam laranja, como deixa elas pretas?

#7

Já está como preta. O código que havia colocado, ontem deu um erro, corrigi ele e funcionou. Já está certinho na loja

1 curtida