Avisos
Vaciar todo

Cambio de fondo

18 Respuestas
4 Usuarios
0 Reactions
1,465 Visitas
Respuestas: 14
Active Member
Topic starter
 

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


 
Respondido : 18/05/2016 9:06 pm
Jhon
 Jhon
Respuestas: 44989
Illustrious Member 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.


 
Respondido : 18/05/2016 9:58 pm
Respuestas: 14
Active Member
Topic starter
 

Que es CSS?


 
Respondido : 19/05/2016 10:11 am
Respuestas: 14
Active Member
Topic starter
 

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?


 
Respondido : 19/05/2016 10:38 am
Pepe
 Pepe
Respuestas: 41115
Illustrious Member 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


 
Respondido : 19/05/2016 11:52 am
Respuestas: 14
Active Member
Topic starter
 

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.


 
Respondido : 19/05/2016 7:47 pm
Jhon
 Jhon
Respuestas: 44989
Illustrious Member 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.


 
Respondido : 19/05/2016 9:53 pm
Respuestas: 14
Active Member
Topic starter
 

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.


 
Respondido : 20/05/2016 11:16 am
Pablo Velasco
Respuestas: 20382
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;
}

 
Respondido : 20/05/2016 2:03 pm
Respuestas: 14
Active Member
Topic starter
 

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.


 
Respondido : 23/05/2016 10:23 am
Pepe
 Pepe
Respuestas: 41115
Illustrious Member 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


 
Respondido : 23/05/2016 10:31 am
Respuestas: 14
Active Member
Topic starter
 

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


 
Respondido : 23/05/2016 10:40 am
Pepe
 Pepe
Respuestas: 41115
Illustrious Member Admin
 

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

Un saludo


 
Respondido : 23/05/2016 10:48 am
Respuestas: 14
Active Member
Topic starter
 

te refieres a este texto?

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


 
Respondido : 23/05/2016 10:52 am
Pepe
 Pepe
Respuestas: 41115
Illustrious Member 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


 
Respondido : 23/05/2016 11:07 am
Página 1 / 2