Avisos
Vaciar todo

Poner fondo a banda de widget (apariencia)

8 Respuestas
4 Usuarios
0 Reactions
1,903 Visitas
Respuestas: 44
Eminent Member
Topic starter
 

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
Pablo Velasco
Respuestas: 20382
Illustrious Member
 

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
Respuestas: 44
Eminent Member
Topic starter
 

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
Lorena
Respuestas: 1698
Noble Member Moderator
 

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
Respuestas: 44
Eminent Member
Topic starter
 

Una pregunta más: ¿Podría modificar la altura (o espesor) de la banda?¿Cómo?


 
Respondido : 03/02/2015 10:02 am
Jordi Sala
Respuestas: 12058
Illustrious Member Admin
 

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
Respuestas: 44
Eminent Member
Topic starter
 

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
Lorena
Respuestas: 1698
Noble Member Moderator
 

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