¡Hola miembros de la comunidad!
He estado intentando agregar una pancarta de color debajo del encabezado, pero hasta ahora no he tenido éxito. He probado varios códigos CSS y HTML, incluso creando un componente personalizado, pero la pancarta sigue apareciendo en la parte superior del encabezado. Mi objetivo es lograr algo similar a esto:
Si alguien tiene experiencia con esto o alguna sugerencia, agradecería mucho su ayuda.
¡Gracias!
Lilly
(Lillian Louis)
17 Octubre, 2023 06:05
2
Hola de nuevo @Joe_Nguyen
Aquí te explico cómo puedes hacerlo usando el outlet del plugin below-site-header.
Paso 1: En common-head de un tema o componente de tema, pon esto:
<script type="text/x-handlebars" data-template-name="connectors/below-site-header/header-color-bar">
<div id="color-bar">
</div>
</script>
Paso 2: En common-css del mismo tema o componente de tema, pon esto:
#color-bar {
background-color: #13d83d;
height: 30px;
}
nota: puedes ajustar la altura y cambiar la propiedad de color a lo que desees.
Eso debería funcionar
6 Me gusta
Lilly
(Lillian Louis)
17 Octubre, 2023 15:33
4
Si desea ver cómo se configura esto como un componente temático en un repositorio en lugar de en su instancia local, puede copiar mi repositorio aquí:
Contribute to Lillinator/header-color-bar development by creating an account on GitHub.
Tenga en cuenta que probablemente eliminaré el repositorio en unos días.
2 Me gusta
system
(system)
Cerrado
16 Noviembre, 2023 15:33
5
This topic was automatically closed 30 days after the last reply. New replies are no longer allowed.