Avisos
Vaciar todo

Cambiar color a las barras de amaltea , y tambien cambiar el color de la barra  

 
Joaquin
 Joaquin
Reputable Member

Quiero cambiar el color a todas las barras , y tambien a las barras de los productos cuando paso por encima de ellas que cambien de color .Dejo las imagenes .

Y cambiar el color donde salen mis categorias que al pasar por encima se ponga en azul.

URL del sitio: Contenido solo visible a usuarios registrados

Citar
Respondido : 13/06/2018 7:42 pm
Jhon
 Jhon
Soporte CMS Webempresa Moderator

Hola

Envía la url de tu sitio para ver el código fuente del sitio que tienes montado.
De manera general si tienes un PrestaShop 1.6 podrías revisar desde el personalizador de themes, en el caso de PrestaShop 1.7 el color es fijo y podría ser un poco más complejo las modificaciones.

Saludos.

ResponderCitar
Respondido : 13/06/2018 8:53 pm

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

Joaquin
 Joaquin
Reputable Member

equipahosteleria.com es la url ,
1.6.1.18 esa es la version de mi prestashop , ya he cambiado lo del carrito y la , primera linea desde el css/consumer .
Pero me faltaria cambiar las partes que te digo.

ResponderCitar
Respondido : 13/06/2018 8:56 pm
Jhon
 Jhon
Soporte CMS Webempresa Moderator

Hola

Prueba agregar este código al final del archivo:
/themes/Amaltea/css/customuser.css

.shopping_cart .title-cart, #categories_block_left .title_block, h1.moduletitle, h2.moduletitle, h3.moduletitle, .footer-container #footer #social_block ul li a, .button.ajax_add_to_cart_button:hover span, ul.product_list > li .product-image-container .quick-view, .box-info-product .exclusive span, .box-info-product .exclusive:hover::before, .btn-default:hover, .btn-default:focus, .btn-default:active, .btn-default.active, .button.button-medium{
  background:blue;
}

Cambia blue por algún código de color.

Saludos.

ResponderCitar
Respondido : 13/06/2018 10:43 pm

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

Joaquin
 Joaquin
Reputable Member

Se queda la pagina igual , no cambia nada.

ResponderCitar
Respondido : 14/06/2018 11:34 am
Pepe
 Pepe
Soporte CMS Webempresa Admin

Hola Joaquín.

Veo que cambio:

Deduzco que es por la cache, prueba a recargar la pagina con la tecla ( F5 ), esto cargara de nuevo la cache en el navegador.

Un saludo

ResponderCitar
Respondido : 14/06/2018 5:12 pm

Cursos Gratuitos WordPress

Joaquin
 Joaquin
Reputable Member

SI ,la lineas de categoria es lo que me falta por cambiar , que cuando paso por encima se pone en gris , y me gustaria que eso sea lo que se ponga azul , ya que la linea principal la tengo en negra .

ResponderCitar
Respondido : 15/06/2018 3:04 pm
Jhon
 Jhon
Soporte CMS Webempresa Moderator

Hola

Prueba con el siguientte código CSS,cambia yellow por algún código de color, mantén el !important

#categories_block_left li span.grower:hover + a, 
#categories_block_left li a:hover, 
#categories_block_left li a.selected{
	background-color:yellow!important;
}

Saludos

ResponderCitar
Respondido : 15/06/2018 7:22 pm

Joaquin
 Joaquin
Reputable Member

Lo de antes ha funcionado todo , y ya al pasar por encima se ve todo correcto , y ahora para ponerle tambien el color en unas cosas que me siguen saliendo rojas .
Paso las imagenes.

Cambiar tambien los numeros que salen en rojo , tambien al banner de inicio para que al pasar por encima se ponga tambien en azul.

ResponderCitar
Respondido : 18/06/2018 6:39 pm
Jhon
 Jhon
Soporte CMS Webempresa Moderator

Hola

Prueba con el siguiente ´codigo CSS, igualmente añade este código al final del archivo:
/themes/Amaltea/css/customuser.css

Cambia blue por algún código de color

a:hover, .header_user_info a:hover, 
#contact-link a:hover, 
.shopping_cart .cart_info a:hover, 
.sf-menu > li.sfHover > a, 
.sf-menu > li > a:hover, 
.sf-menu > li.sfHoverForce > a, 
.sf-menu > li > ul > li > a:hover, 
#homepage-slider .bx-wrapper .bx-controls-direction a:hover::before, 
.price.product-price, .price{
	color:blue;
}

Saludos.

ResponderCitar
Respondido : 18/06/2018 7:32 pm

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