Avisos
Vaciar todo
Buenas tardes,
En el tema titania la capa/barra "footer" aparece en pantalla con un fondo oscuro, pero al personalizar el estilo (a fondo transparente) la banda oscura desaparece. ¿Cómo podría poner un fondo oscuro o un fondo con textura (similar al de la barra Utility)? Podría modificar a su vez el color de texto de los widgets que se situan sobre esta banda?
URL del sitio: Contenido solo visible a usuarios registrados
Respondido : 29/01/2015 11:52 am
Hola,
Si quieres poner lo mismo que en la barra Utility en la parte inferior de la web vete a Titania Theme, pulsa en la pestaña Estilo y añade el siguiente código en el apartado CSS Personalizado:
#rt-footer {
color: #303030;
background: #F0F0F0 url(/wp-content/themes/titania_wp/images/background_utility.png) repeat left top;
}
Respondido : 29/01/2015 12:15 pm
Muchísimas gracias Pablo, me estás ayudando mucho!!
Una pregunta sobre este tema: ahora necesitaría cambiar el color de los textos para que resaltasen más sobre el fondo. ¿Sería posible?
Un saludo. Agradezco mucho vuestra celeridad y profesionalidad.
Respondido : 29/01/2015 12:36 pm
Hola Oscar,
Los que se muestran en color más clarito los puedes modificar añadiendo el siguiente código en el CSS Personalizado , debajo del otro código:
#rt-footer a {
color: #303030;
}
Te recomendamos que aprendas a usar Firebug con el que podrás aprender a modificar CSS, aquí tienes un vídeo de ejemplo que le ayudará a utilizarlo:
Firebug Lite for Google Chrome:
- http://chrome.google.com/extensions/detail/bmagokdooijbeehmkpknfglimnifench
Fifebug Firefox:
- http://addons.mozilla.org/es-es/firefox/addon/firebug/
También te recomendamos estos libros gratuitos sobre CSS que te permitirán iniciarte en CSS, tienes el libro de introducción y el avanzado:
www.librosweb.es/
Un saludo.
Respondido : 29/01/2015 12:45 pm
Una pregunta más: ¿Podría modificar la altura (o espesor) de la banda?¿Cómo?
Respondido : 03/02/2015 10:02 am
Hola Oscar,
Visualizo:
¿Que es lo que quieres modificar exactamente? Indicarte que la altura va en función de los contenidos que insertes en el footer.
Saludos
Respondido : 03/02/2015 10:17 am
Buenos días Jordi.
Me refería a la banda de arriba (bajo los cuatro botones) donde pone "BLOG". Se que el ancho viene determinado por el contenido, pero en este caso al no poner texto suponía que se podría personalizar. ¿Es así?
Respondido : 03/02/2015 12:38 pm
Hola Óscar,
Puedes añadir el siguiente código:
#rt-utility {
background: url("../images/background_utility.png") repeat scroll left top #F0F0F0;
padding: 5px 0;
}
Cambiando los valores en la propiedad padding puedes aumentar o disminuir, pero con 5px creo que queda bien.
Revisa el tutorial de uso de Firebug que te había pasado porque te será necesario para seguir "retocando".
Un saludo.
Respondido : 03/02/2015 12:47 pm
