Adicionar um banner colorido após o cabeçalho

Olá Membros da Comunidade!

Tenho tentado adicionar um banner colorido abaixo do cabeçalho, mas ainda não tive sucesso. Tentei vários códigos CSS e HTML, até mesmo criei um componente personalizado, mas o banner continua aparecendo no topo do cabeçalho. Meu objetivo é conseguir algo semelhante a isto:

Se alguém tiver experiência com isso ou alguma sugestão, agradeceria muito a sua ajuda.

Obrigado!

Olá novamente @Joe_Nguyen :wave:

Veja como você pode fazer isso usando o outlet de plugin below-site-header.

Passo 1: Em common-head de um tema ou componente de tema, coloque isto:

<script type="text/x-handlebars" data-template-name="connectors/below-site-header/header-color-bar">
  <div id="color-bar">
  </div>
</script>

Passo 2: Em common-css do mesmo tema ou componente de tema, coloque isto:

#color-bar {
  background-color: #13d83d;
  height: 30px;
}

Observação: você pode ajustar a altura e alterar a propriedade de cor para o que quiser.

Isso deve funcionar: :slight_smile:

6 curtidas

Obrigado @Lilly! :slightly_smiling_face:

1 curtida

Se você quiser ver como isso é configurado como um componente de tema em um repositório em vez de em sua instância local, você pode copiar meu repositório aqui:

Observe que provavelmente excluirei o repositório em alguns dias.

2 curtidas

This topic was automatically closed 30 days after the last reply. New replies are no longer allowed.