Saludo,
Quiero ajustar y justificar el banner que contiene el logo en la cabecera de la web,
pero que se mantenga responsive.
mantener el logo en medio pero ajustar el banner verde para evitar el espacio en blanco a cada lado.
El ejemplo de lo que necesitamos se puede ver en el adjunto 2
Espero respuesta, Gracias
URL del sitio: Contenido solo visible a usuarios registrados
Hola,
Puedes aplicar un código CSS personalizado https://www.webempresa.com/blog/agregar-archivo-css-personalizado-para-plantillas-gantry.html con el siguiente código:
#rt-top-surround .rt-container { background: #00813c none repeat scroll 0 0; }
Muchas gracias por su respuesta. El problema es que necesitamos que el top se mantenga en blanco. Al aplicar el código CSS se cambia el top y el header.
Un saludo
Hola Benito,
Veo que en móviles el logo actual se va a la derecha.
¿Te has planteado usar el logo en formato .png "transparente" que no tenga espacio por los lagos (que sea solo el logo) y dejar el fondo verde tal como te ha sugerido Johnny?
Eso haría que el logo salga siempre centrado y que el fondo se adapta al dispositivo donde se muestre la web sin que el logo se desplace a la derecha.
Saludos
Muchas gracias por su respuesta, ya ajustamos la imagen. El problema es que necesitamos que el top se mantenga en blanco. Al aplicar el código CSS se cambia el top y el header. Otra opción sería que el texto de la fecha del Granty Data saliera en color blanco pero no lo conseguimos.
Muchas Gracias
Hola Benito.
Primero tienes que Agregar un archivo CSS para que no se perdiendan las modificaciones que realices cuando se actualice la plantilla o Wordpress:
Agregar archivo CSS personalizado para plantillas Gantry
Una vez creado añade lo siguiente al archivo creado:
#rt-top-surround .rt-container { background: #fefefe none repeat scroll 0 0; }
Como veras del codigo que te paso mi compañero Johnny solo modificamos el color del background por blanco ' #fefefe '
En este enlace tienes una tabla de colores por si quieres consultarlo:
Códigos de Colores
Este es el resultado
Un saludo
Hola
En tu archivo CSS personalizado agrega la siguietne línea de código :
.date-block .date{ color:white; }
Saludos.
Perfecto. Muchas Gracias