Avisos
Vaciar todo

Cambio color de cabecera y copyright en plantilla Encelado Joomla  

 
Angélica
 Angélica
Honorable Member

Quería hacer varios cambios en la plantilla!

1. cambio de color donde están las redes sociales y el copiright. no los quiero en negro.

2. Cambiar de color el módulo de suscripción

3. donde aparece el logo y el menú con más espacio.

Gracias!

URL del sitio: Contenido solo visible a usuarios registrados

Citar
Respondido : 25/07/2014 1:50 pm
Lorena
 Lorena
Miembro Moderator

Hola Angélica,

1. Entrando en Extensiones -> Gestor de plantillas en estilos selecciona Encelado. En la pestaña Estilo puedes cambiar el estilo de la cabecera (claro u oscuro) y el color de los enlaces. Al modificarlos también se modifica (está relacionado) el color de los contenedores que quieres modificar.

Aun así puedes también hacer cambios en los estilos CSS. Para hacer cambios personalizados de estilos CSS y que no se pierdan al actualizar la plantilla, crea, si no lo tienes ya, el fichero "templates/encelado/css/encelado-custom.css" y aplica ahí los cambios que quieras hacer en el diseño. De esta forma también tienes los cambios en un sólo fichero y es más fácil revertirlos o modificarlos más adelante.
en ese archivo encelado-custom.css puedes ir poniendo los cambios que quieras, por ejemplo

#rt-top { background: #ff0000;

2. Vemos que el módulo de suscripción utiliza Breezingforms, puedes modificarlo en el módulo.

3. Puedes modificarlo tambíen con el archivo encelado-custom.css

En el siguiente artículo del Blog de Webempresa se explica el uso de Firebug, herramienta destinada a localizar cadenas de código, estilos, etc., desde tu navegador:

- https://www.webempresa.com/blog/usando-firebug-para-modificar-la-apariencia-de-una-plantilla-joomla.html

Saludos.

ResponderCitar
Respondido : 25/07/2014 2:47 pm

wpdoctor-revisa-la-salud-de-tu-wordpress

Angélica
 Angélica
Honorable Member

sí que lo tengo, ya he hecho algún cambio.
Pero que hago, añado abajo los cambios que quiera adjuntar? sin más? en el mismo documento (encelado.custom.css)

cómo se hace desde breezingforms? no lo encontré!!

Sí, la herramienta firebug la he utilizado pero en algún momento, pero sobre la plantilla orginal. Pero entiendo que eso lo tengo que aplicar sobre la encelado-custom.css, no?

ResponderCitar
Respondido : 25/07/2014 3:10 pm
Pablo Velasco
 Pablo Velasco
Illustrious Member

Hola,

Todos los cambios los tienes que aplicar en el archivo encelado-custom.css. En el caso que ya tengas ese archivo con datos en la ruta templates/encelado/css puedes editarlo y añadir los nuevos estilos al final del mismo.

Sobre los del formulario de BreezingForms, entiendo que este formulario lo has agregado en la página de inicio utilizando un módulo. Tendrás que editar este módulo y pulsar en la pestaña Avanzado. Aquí verás un campo de nombre Clase CSS del módulo donde podrás indicar el estilo que se aplicará al módulo.

Puedes ver ejemplos de los valores que se pueden poner aquí en el siguiente enlace:

http://demopackempresa.webempresa.eu/encelado/index.php?option=com_content&view=article&id=12&Itemid=139

Por ejemplo, puedes poner los valores box1, box2, box3, color1, color2 o color 3. De esta forma se aplicarán distintos colores de fondo.

ResponderCitar
Respondido : 25/07/2014 5:41 pm

Cursos Gratuitos WordPress

Angélica
 Angélica
Honorable Member

¿y puedo poner de fondo una foto?
en caso afirmativo, ¿cómo?

ResponderCitar
Respondido : 28/07/2014 12:38 pm
Pablo Velasco
 Pablo Velasco
Illustrious Member

Hola,

Tendrías que precisar en qué lugar en concreto de la web quieres poner una foto de fondo.

Eso sí, debes de tener en cuenta que la plantilla que estás utilizando presente un comportamiento responsive, es decir, los contenidos se ajustarán al espacio disponible.

Por tanto, si colocas una imagen de fondo en un módulo debes de tener en cuenta que el ancho que ocupa este módulo puede variar, lo que puede afectar a la carga de la imagen, de forma que se repite o quede cortada.

ResponderCitar
Respondido : 28/07/2014 6:26 pm

Gestor de Contraseñas - VPN Conexión Segura - Gestor 2FA (Segundo Factor de Autenticación

Angélica
 Angélica
Honorable Member

ok, lo tendré en cuenta.
El módulo es el 'Suscríbete a nuestro boletín' está en posición utility-b.
Además de cómo poner una imagen de fondo, me puedes indicar cómo podría cambiarlo de color: pero no con las opciones de encelado sino con otro color.
GRACIAS!

ResponderCitar
Respondido : 29/07/2014 10:25 am
Jordi Sala
 Jordi Sala
Miembro Admin

Hola Angélica,

En el siguiente artículo del Blog de Webempresa se explica el uso de Firebug, herramienta destinada a localizar cadenas de código, estilos, etc., desde tu navegador:

- https://www.webempresa.com/blog/usando-firebug-para-modificar-la-apariencia-de-una-plantilla-joomla.html

Firebug Lite for Google Chrome:
- https://chrome.google.com/extensions/detail/bmagokdooijbeehmkpknfglimnifench

Fifebug Firefox:
- https://addons.mozilla.org/es-es/firefox/addon/firebug/

Saludos

ResponderCitar
Respondido : 29/07/2014 10:32 am

optimiza-automaticamente-todas-las-imagenes-de-tu-wordpress