Poner fondo a banda de widget (apariencia)  

 
Oscar
 Oscar
Usuario eminente

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

Citar
Respondido : 29/01/2015 11:52 am
Pablo Velasco
 Pablo Velasco
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;
}

Si nuestra ayuda te sirve déjanos tu testimonio y mejora así el posicionamiento de tu web:
Enviar Testimonio
¡Gracias!.

ResponderCitar
Respondido : 29/01/2015 12:15 pm

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

Oscar
 Oscar
Usuario eminente

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.

ResponderCitar
Respondido : 29/01/2015 12:36 pm
Lorena
 Lorena
Miembro 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:

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

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.

Si nuestra ayuda te sirve déjanos tu testimonio y mejora así el posicionamiento de tu web:
Enviar Testimonio
¡Gracias!.

ResponderCitar
Respondido : 29/01/2015 12:45 pm

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

Oscar
 Oscar
Usuario eminente

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

ResponderCitar
Respondido : 03/02/2015 10:02 am
Jordi Sala
 Jordi Sala
Miembro 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

Si nuestra ayuda te sirve déjanos tu testimonio y mejora así el posicionamiento de tu web:
Enviar mi Testimonio

ResponderCitar
Respondido : 03/02/2015 10:17 am

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

Oscar
 Oscar
Usuario eminente

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í?

ResponderCitar
Respondido : 03/02/2015 12:38 pm
Lorena
 Lorena
Miembro 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.

Si nuestra ayuda te sirve déjanos tu testimonio y mejora así el posicionamiento de tu web:
Enviar Testimonio
¡Gracias!.

ResponderCitar
Respondido : 03/02/2015 12:47 pm

Cursos Gratuitos WordPress

Por favor Iniciar Sesión o Registro