Hola,
No acabo de entender a qué caja te refieres. Tendrías que enviarnos una captura de pantalla donde podamos ver de lo que estás hablando.
Hola,
Ese recuadro blanco al que entiendo que te refieres es la propia posición de módulos maintop y, como tal, no se puede quitar.
Veo que se aplica un padding de 20 píxels en la parte superior que sí se podría quitar, pero no se si te refieres a eso. Si lo que quieres es cambiar el color también habría que aplicar cambios en los CSS.
Sí, era eso a lo que me refería.
Y cómo quito el padding? porque la .css original no puedo tocarla ¿no? y el color?
Hola,
Los CSS originales de la plantilla no es conveniente cambiarlos ya que son archivos LESS, de forma que si se produce cualquier fallo en los cambios la web no cargará.
En su lugar puedes crear un archivo de nombre encelado-custom.css, introducir en él las modificaciones necesarias en los CSS y subir el archivo en la ruta templates/encelado/css.
Para quitar ese padding añade en el archivo anterior el siguiente código:
#rt-maintop .rt-block { padding: 0px; }
Para cambiar el color de fondo puedes poner algo como lo siguiente:
#rt-maintop { background: #5A4696; }
Puedes cambiar el código de color #5A4696 por el que necesites.
1. Entonces, creo un archivo nuevo llamado encelado-custom.css, donde pego el código que me indicas y lo guardo en templates/encelado/css. Ahora bien, ¿cómo reconoce el html este código y no el otro? Debo hacer algo más.
2. Y otra cosa, cuando quiera hacer un cambio en alguna de las plantillas debo introducir aquí el cambio, en este mismo archivo o debo ir creado nuevos?
Hola,
Realmente se cargarán los 2 estilos CSS, el que ya había y los que estén incluidos en encelado-custom.css. Lo que ocurrirá es que estos últimos se cargarán después por lo que los estilos prevalecerán sobre los primeros.
Todo futuro cambio en los CSS se deberá aplicar en el archivo encelado-custom.css.
Hola,
He pegado esos dos estilos en un archivo encelado-custom.css que ya tenía creado y donde aparecía el siguiente código:
#rt-logo {
height: 85px !important;
}
Que era para agrandar el espacio de la cabecera y me cupiese el logo. El problema es que cuando he pegado los otros dos debajo y he actualizado la página. El espacio destinado al logo ha desaparecido!
Al final he vuelto al código original de arriba y los otros los he borrado. pero cómo puedo solucionar esto? que todo se mantenga. Gracias
Hola,
Los 2 estilos adicionales que te había indicado no deberían interferir en el que ya había, a menos que los hayas colocado mal. Tendrías que probar a volver a ponerlos para que podamos revisar si hay algo mal que haya que corregir.