Color de fondo formulario ClassicMode  

Hola Alvaro:

El CSS de tu plantilla da estilos no solo desde los archivos del template sino que además del framework Gantry.

Revisa los CSS de esta ubicación: "/components/com_gantry/css/"

Hola Miguel,

Al parecer los tiros van encaminados por ese lado.

En efecto el framework de Gantry permite controlar el estilo de la template, pero me encuentro con que el color utilizado para la posición del módulo del copyright comparte el color con el fondo del formulario (adjunto imagen de ejemplo, con posición de copyright y fondo de formulario ambos en rojo).

He localizado en gantry.css el siguiente código:

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, caption {margin: 0;padding: 0;border: 0;outline: 0;font-size: 100%;background: #transparent;}

Esta línea afecta, entre otras cosas, al color del fondo del formulario, pero no logro saber que etiqueta cambiar, o si bien debo incluir alguna para sustituir "background: #transparent" por background: #ffffff".

Saludos.

Hola Alvaro:

Lo que puedes hacer es quitar la etiqueta iframe de la maquetación de Gantry, es decir, deja el código como estaba y solo elimina iframe.

Luego, a iframe, le das una maquetación diferente en el tempalte.css de la plantilla, algo como:

iframe {background: #FFF;}

Por ejemplo. Prueba de esa forma.

Hola Miguel,

He realizado los cambios que me indicas, pero al entiendo que el formulario no se despliega en un iframe ya que tras las modificaciones no cambia el color de fondo (sin embargo sí modifica el color de fondo del módulo Facebook que puedes ver en el mismo píe de página, el cual tengo que suponer si que se integra en un iframe).

HOla Alvaro

Ubica el archivo : /maqueta/templates/rt_momentum_j15/css/template.css y agrega al final el siguiente código CSS

body {background-color:#fff!important;}

Saludos.

Hola Jhon,

La modificación que me indicas cambia tanto el cuerpo del formulario como la posición de copyright, pasando ambos a fondo blanco.

He considerado sacrificar el background de la posición copyright (blanco en lugar de "#181818") pero francamente rompe significativamente la línea de diseño de la template.

¿Sería tal vez más sencillo forzar el color de fondo de la posición copyright (copyright-a, copyright-b, etc.)?

Lamento y a la vez agradezco el tiempo que estáis dedicando a echarme una mano con este tema.

HOla Alvaro

Si, efectivamente, puedes definir estilos más específicos.

Ahora debes ubicar el archivo maqueta/components/com_gantry/css/gantry.css y agregar

body.font-size-is-default{
	background-color:#000!important;
}

Saludos

Bingo! :laugh:

Os agradezco tanto a ti Jhon, como a Johnny, Jordi y Miguel toda la ayuda y paciencia sobre este tema.

Por favor, puedes cerrar el tema.

Un saludo.