Cambiar color de te...
Avisos
Vaciar todo

Hosting WordPress 70% dto Dominios promo

Cambiar color de textos en productos y ficha de producto  

Página 3 / 4
 
Valeria Cecilia
 Valeria Cecilia
Usuario eminente

Hola buenas tardes equipo, estoy (con vuestra ayuda) cambiando la apariencia de la plantilla Himalia, y los administradores me han recomendado que abriese un nuevo tema con el fin de facilitar el seguimiento pues el anterior se estaba haciendo muy largo.
Ya solo me queda cambiar el color a algunos textos de productos y ficha de producto, os lo pongo en capturas (captura 1, 2 y 3) de pantalla tachados en azul, hasta ahora he escrito estas líneas de código, las pongo por si pudiese ayudar (adjunto archivo de texto, códigos)

No sé si está bien explicado o necesitáis más información, agradezco paciencia, soy muy nueva en esto, prometo aprender pronto y no dar mucho la vara.

La web está activada por si queréis echarle un vistazo.

Gracias anticipadas.
Atte Valeria

URL del sitio: Contenido solo visible a usuarios registrados

Citar
Respondido : 19/09/2017 6:51 pm
Valeria Cecilia
 Valeria Cecilia
Usuario eminente

Hola de nuevo Pepe ¡GENIAL!, te pongo lo que se ha arreglado y así es menos lio, creo ¿te parece? Te cuento:
- Los títulos han aparecido, ya se ven TODOS
- El texto “Usar la misma dirección para la facturación” CORRECTO
Si quieres que te diga también lo que falta me lo dices, lo que mejor te venga a ti
Gracias Pepe

ResponderCitar
Respondido : 25/09/2017 6:50 pm

Jhon
 Jhon
Soporte CMS Webempresa Moderator

Hola

Qué es lo que te falta?, es mejor siempre decir lo que falta, de esta manera podemos seguir mejor el hilo.
Para ver algunas de las pantallas que envías sería mejor que envíes también un usuario registrado en el front-end de tu sitio.

Si vas a seguir haciendo modificaciones de este tipo, te sugiero revisar algo de CSS:
https://www.w3schools.com/css/

Saludos.

ResponderCitar
Respondido : 25/09/2017 7:51 pm
Valeria Cecilia
 Valeria Cecilia
Usuario eminente

Hola Jhon, el usuario ya me lo pediste hace 4 días y lo puse, es:
urbanblacksheepmail@gmail.com
654321
Y lo que falta es:
- Cuando seleccionas las pestañas de los productos
1. Snowboards
2. Botas
3. Cascos
4. Gafas
La descripción de los productos y la palabra vista (Imagen 1)
- PRODUCTOS DE SU CARRITO Y ELIJA SU MODO DE PAGO La frase “su carrito contiene XX productos” (imagen 2)
- RESUMEN DE PEDIDO Datos y CONFIRMACION DE PEDIDO en ventana blanca, los datos (imagen 3)
- HISTORIAL DE PEDIDOS señalado en rojo (imagen 4)
En cuanto al tutorial, prometo mirarlo, ¿lo hay en español? Mi ingles es muy, muy limitado y más en palabras técnicas, aun así gracias por tu consejo.
Gracias.

ResponderCitar
Respondido : 25/09/2017 9:53 pm

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

Jhon
 Jhon
Soporte CMS Webempresa Moderator

Hola

Prueba con el siguiente código CSS:

#order-list .price,
.table td a.color-myaccount,
#category .cat-name,
#category ul.product_list .product-name{
	color:white;	
}

#availableCarriers_table,
.order_delivery li,
.content_sortPagiBar .display li.selected i, .content_sortPagiBar .display_m li.selected i,
.page-heading span.heading-counter,
#center_column .content_sortPagiBar li{
    color:gray; 
}

Saludos.

ResponderCitar
Respondido : 26/09/2017 12:17 am
Valeria Cecilia
 Valeria Cecilia
Usuario eminente

Hola buenos días.
Nada, con este código, el único cambio ha sido poner en blanco las referencias de pedido (imagen 7) en HISTORIAL DE PEDIDOS , lo demás sigue igual. Incluso han desaparecido algunas cosas (imagen 6) y algunas cosas más.
Sé que esto está siendo muy tedioso y lo siento de verdad, pero sois mi único recurso actualmente pues no tengo ni idea de programación, en cuanto esto de los textos se arregle prometo ponerme las pilas para no molestar mas.
Gracias.

ResponderCitar
Respondido : 26/09/2017 8:49 am

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

Pepe
 Pepe
Soporte CMS Webempresa Admin

Hola valeria.

ul.product_list .product-name {
    color: #181818;
}
.content_sortPagiBar .display li.display-title, .content_sortPagiBar .display_m li.display-title {
color:fff;
}

.content_sortPagiBar .display li a, .content_sortPagiBar .display_m li a {
    color: #fff;
}
ul.product_list .product-name, #center_column h1, .pb-center-column h1 {
    color: white!important;
}

Como siempre después más 😉

Un saludo

ResponderCitar
Respondido : 26/09/2017 12:48 pm
Valeria Cecilia
 Valeria Cecilia
Usuario eminente

Hola buenos días Pepe, disculpad que ayer no contestase, un día endiablado.
Te cuento, he probado con este último código y no veo cambios incluso he probado con y sin el código que antes de ayer me puso Jhon y nada no cambia nada, lo he comprobado varias veces, como siempre refrescando la cache con Crtl+f5 pero nada, incluso como ya dije anterior post hay cosas que antes se veían y ahora no.
Antes de hacer yo nada, dime que necesitas que te mande para seguir, imágenes, codigos ya escritos, etc… pues estoy hecha un lio, guíame porfi. Cualquier cosa para facilitaros este gran favor que me estáis haciendo.
Como siempre… Muchísimas gracias.
Atte Valeria
PD, los dos últimos códigos, como no había cambios, los he quitado ¿he hecho bien?

ResponderCitar
Respondido : 27/09/2017 10:57 am

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

Pepe
 Pepe
Soporte CMS Webempresa Admin

Hola Valeria.

Estoy probando el código que te pase y funciona bien en las modificaciones esas.

Añade de nuevo el código, en este caso añadí la etiqueta !important para que sea ese código el que coja por defecto:

ul.product_list .product-name {
    color: #181818!important;
}
.content_sortPagiBar .display li.display-title, .content_sortPagiBar .display_m li.display-title {
color:fff!important;
}
 
.content_sortPagiBar .display li a, .content_sortPagiBar .display_m li a {
    color: #fff!important;
}
ul.product_list .product-name, #center_column h1, .pb-center-column h1 {
    color: white!important;
}

Si no te funciona déjalo añadido no lo elimines y así lo revisamos.

Un saludo

ResponderCitar
Respondido : 27/09/2017 12:31 pm
Valeria Cecilia
 Valeria Cecilia
Usuario eminente

Hola de nuevo Pepe.
Creo que sí, algo se ha arreglado, tenías razón disculpa.
Te envío las imágenes (flechas rojas y subrayado lo que falta) de cómo va hasta ahora y los códigos escritos por si te sirve de algo.
Gracias por tu infinita paciencia y profesionalidad.
Atte Valeria.

ResponderCitar
Respondido : 27/09/2017 1:51 pm

Cursos Gratuitos WordPress

Jhon
 Jhon
Soporte CMS Webempresa Moderator

HOla

Prueba agregando el siguiente código CSS:

#left_column .product-description,
.list .product-container p,
#usefull_link_block,
#cmsinfo_block p{
	color:white;
}

#order_step + form .box,
#order_step + .box,
#order_step + form .box,
#order .checkbox label,
#history .page-heading,
#compare_shipping_form .page-heading{
	color:gray!important;
}

#HOOK_PAYMENT .payment_module{
	background:white;
}

#history #center_column table a,
#history #center_column table td{
	color:white!important;
}

Saludos.

ResponderCitar
Respondido : 27/09/2017 7:12 pm
Valeria Cecilia
 Valeria Cecilia
Usuario eminente

Wow Jhon! Que genial, se ha arreglado prácticamente todo, hay unos detalles solamente, os comento:

- Texto: vista y productos
- Texto: su carrito tiene XX productos
- El precio en resumen de pedido
- Titulo historial de pedidos se ha puesto gris y no se ve el subtitulo
Lo demás todo genial Muchísimas gracias a ti Jhon y a Pepe, sois mi salvación
Atte Valeria

ResponderCitar
Respondido : 27/09/2017 9:13 pm

Pepe
 Pepe
Soporte CMS Webempresa Admin

Hola valeria.

Elimina es te código del archivo donde esta añadiendo las modificaciones:

.page-heading {
    color: #181818 !important;
}

Añade lo siguiente:

.page-heading span.heading-counter {
    color: #fff;
}

La del pago contra reembolso veo que se muestra.

Un saludo

ResponderCitar
Respondido : 28/09/2017 4:21 pm
Valeria Cecilia
 Valeria Cecilia
Usuario eminente

Las frases: “Hay XX productos” y “Su carito tiene XX productos” ya se ven, ¡GENIAL!
La palabra “Vista” no se ve,
El precio del resumen de pedido y la cabecera de historial de pedidos con la frase de abajo, tampoco se ve.
En el footer, “MI CUENTA” se ha puesto en blanco, aunque eso no me preocupa
Gracias equipo

ResponderCitar
Respondido : 28/09/2017 7:40 pm

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

Jhon
 Jhon
Soporte CMS Webempresa Moderator

Hola

Prueba con los siguientes estilos adicionales:

.content_sortPagiBar .sortPagiBar li.display-title{
	color:gray;
}

#order_step + form .box .price{
	color:black;
}

#history .info-title,
#history .page-heading{
	color:white!important;
}

Saludos.

ResponderCitar
Respondido : 28/09/2017 10:35 pm
Valeria Cecilia
 Valeria Cecilia
Usuario eminente

Genial Jhon, ya se ve.
Una cosa, en los links que hay en el footer de “iINFORMACION y MI CUENTA” hay textos que o no se ven o están en gris oscuro y en el pago de Pay Pal igual.
No quiero abusar, ya habéis hecho mucho muchísimo por mí, si podéis mirarlo genial aunque comprendería que queráis descansar de mi caso.
Siempre agradecida
Valeria

ResponderCitar
Respondido : 28/09/2017 11:32 pm

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

Página 3 / 4