Avisos
Vaciar todo

Cambio de fondo  

Página 1 / 2
 
MARÍA
 MARÍA
Usuario activo

Hola estoy preparando nuestra tienda online y voy siguien los tutoriales, quisiera saber como cambio el color de fondo de las cajetillas de los titulos. Adjunto imagen para que me entendais mejor.

URL del sitio: Contenido solo visible a usuarios registrados

Citar
Respondido : 18/05/2016 10:06 pm
Jhon
 Jhon
Soporte CMS Webempresa Moderator

Hola

Puedes hacerlo por CSS, ubica el siguiente archivo :
/themes/Calisto/css/customuser.css

En este puedes poner todas tus personalizaciones de CSS, por ejemplo agrega :

.content_scene_cat .content_scene_cat_bg{
	background:#ff00ff;
}

Puedes cambiar #ff00ff por algún otro código de color

Saludos.

ResponderCitar
Respondido : 18/05/2016 10:58 pm

MARÍA
 MARÍA
Usuario activo

Que es CSS?

ResponderCitar
Respondido : 19/05/2016 11:11 am
MARÍA
 MARÍA
Usuario activo

No tenía ni idea de lo que era CSS y ahora he leido un poco sobre ese tema pero es muy complicado para mi. He instalado Firebug y he buscado el archivo que me dices pero no me sale nada, solo dice crear una regla, te adjunto imagen. Que pasos tengo que dar ahora para cambiar el fondo?

ResponderCitar
Respondido : 19/05/2016 11:38 am

Cursos Gratuitos WordPress

Pepe
 Pepe
Soporte CMS Webempresa Admin

Hola.
Las modificaciones no las puedes realizar con ' Firebug ', este te ayuda a encontrar el código que necesitas modificar para luego poder cambiarlo editando el archivo que lo contiene o en este caso en un archivo ' customuser.css '.

Como puedes editar ese archivo?
Desde el Administrador de Archivos de cPanel

Una vez en el administrador de archivos selecciona ' public_html '

En esa carpeta tienes la web, ahora solo tendrías seguir la ruta que te indica ' Firebug ' en tu caso ' /themes/Calisto/css, y dentro de la carpeta ' css ' tendras un archivo llamado ' customuser.css ', lo seleccionas y Clik en ' Editar '

Un saludo

ResponderCitar
Respondido : 19/05/2016 12:52 pm
MARÍA
 MARÍA
Usuario activo

Muchas gracias la verdad que sin tener ni idea he ido y he podido cambiar el color del fondo con los pasos que me habeis dicho pero ya que estoy me gustaría poder poner todos los fondos que hay de color gris del mismo color que he puesto la cabecera, sobretodo los que al pasar el cursor por encima pasan a gris. Os mando una imagen para que lo entendais.

ResponderCitar
Respondido : 19/05/2016 8:47 pm

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

Jhon
 Jhon
Soporte CMS Webempresa Moderator

Hola

Usa el siguiente código CSS, debes agregarlo al archivo al final que te indique anteriormente.

.sf-menu > li.sfHover > a, 
.sf-menu > li > a:hover, 
.sf-menu > li.sfHoverForce > a{
	background:#F19DB8;
}

.sf-menu li ul{
	background:#F19DB8;
}

.sf-menu > li > ul > li > a{
	color:#fff;
}

Este código cambia el color de fondo del menú y del submenú y deja las letras en color blanco de los submenus

Saludos.

ResponderCitar
Respondido : 19/05/2016 10:53 pm
MARÍA
 MARÍA
Usuario activo

Sois unos genios, muchas gracias y ¿ si quiero, ya que estoy, cambiar todo los fondos gris que hay por ese rosa? ya que se trata de una mercería queda mejor el rosa.

ResponderCitar
Respondido : 20/05/2016 12:16 pm

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

Pablo Velasco
 Pablo Velasco
Illustrious Member

Hola,

Entiendo que te refieres al fondo global de la web, que actualmente se está mostrando con un gris claro.

De ser así, tendrías que agregar el siguiente código al archivo que te ha indicado Jhon:

body {
    background-color: #FFB7DE;
}
ResponderCitar
Respondido : 20/05/2016 3:03 pm
MARÍA
 MARÍA
Usuario activo

Antes que nada pedir disculpar por tardar en responder, no me referia al gris claro sino al gris oscuros, donde está el telefono, contacte con nosotros y abajo información quienes somos etc. Disculpar las molestias.

ResponderCitar
Respondido : 23/05/2016 11:23 am

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

Pepe
 Pepe
Soporte CMS Webempresa Admin

Hola.
Añade lo siguiente al mismo archivo:

header .nav {
    background: #ff9999 none repeat scroll 0 0;
}
.footer-container #footer {
    color: #ff9999;
}

Un saludo

ResponderCitar
Respondido : 23/05/2016 11:31 am
MARÍA
 MARÍA
Usuario activo

Muchas gracias, vamos avanzando con lo que quiero, me faltaría solo la parte de abajo del todo, donde pone categorias, información, mi cuenta e información de la tienda. Gracias de nuevo

ResponderCitar
Respondido : 23/05/2016 11:40 am

Pepe
 Pepe
Soporte CMS Webempresa Admin

Hola.
Perdón te lo puse después que no me di cuenta :blush: , lo tienes en la entrada anterior

Un saludo

ResponderCitar
Respondido : 23/05/2016 11:48 am
MARÍA
 MARÍA
Usuario activo

te refieres a este texto?

header .nav {
background: #ff9999 none repeat scroll 0 0;
}
.footer-container #footer {
color: #ff9999;
}

ResponderCitar
Respondido : 23/05/2016 11:52 am

Cursos Gratuitos WordPress

Pepe
 Pepe
Soporte CMS Webempresa Admin

Hola.
te refieres a este texto?
Si, la parte header es la que controla la barra superior y el #footer es que te controla toda la parte inferior.

Un saludo

ResponderCitar
Respondido : 23/05/2016 12:07 pm
Página 1 / 2