Avisos
Vaciar todo

Hosting WordPress 70% dto Dominios promo

[Resuelto] ¿Cómo puedo cambiar el color de los textos de header y del Footer?  

Página 1 / 2
 
María Teresa
 María Teresa
Estimable Member

Hola buenas noches, estoy intentando cambiar los colores en el header y en el footer, ya que son demasiado claros y los quiero oscurecer, pero no encuentro el cómo hacerlo.

Lo estoy intentando desde la página principal de WordPress, apariencia, personalizar, global, colores y en color del tema - enfásis - y no me lo coje.

Como comenté al principio, lo quiero realizar en header y footer, y si se puede hacer desde aquí a los botones, mejor que mejor.

Gracias, un saludo.

Contenido solo visible a usuarios registrados

Respondido : 27/12/2022 10:55 pm
Bruno
 Bruno
Soporte CMS Webempresa Moderator

Que tal María Teresa,

Estas utilizando algun plugin de cache actualmente? Veo que tienes el tema Astra activo, esta actualizado a su ultima version?

Desde el asistente virtual stephan veo que tienes un error referente a elementor

image

Te puedo recomendar ademas de validar si todos los plugins relacionados con elementor como el mismo estan actualizados, si el problema persiste puedes desactivarlos todos y validar si te toma los cambios directamente desde las opciones del tema ya que puedo suponer que anteriormente si te funcionaba

Prueba y nos comentas, Saludos!

 

Respondido : 27/12/2022 11:16 pm

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

María Teresa
 María Teresa
Estimable Member

@bruno-vichetti, hola de nuevo, no he sido capaz, y en el día de ayer pasé Stephan y no me arrojó ningún error.

Por otra parte sigo sin poder hacerlo, la ruta que sigo es Apariencia - personalizar - maquetador de cabeceras - y los colores del texto etc, y no realiza ningún cambio.

¿Qué puede ser?

Gracia

Respondido : 29/12/2022 9:21 pm
Bruno
 Bruno
Soporte CMS Webempresa Moderator

Que tal María Teresa,

He intentado recrear tu error y creo que lo que sucede es que estos colores no puedes definirlos desde el apartado del personalizador ya que los has modificado por medio de estilos CSS

Por ejemplo, los enlaces del menu me figuran con el siguiente código

image

Debes retirar los estilos que se interpongan en las opciones del personalizador del tema por defecto

Echale un vistazo y nos comentas

Saludos!

Respondido : 29/12/2022 9:46 pm

Cursos Gratuitos WordPress

María Teresa
 María Teresa
Estimable Member

@bruno-vichetti, ufff se me escapa de mi conocimiento ya que soy novata.

La línea que me has puesto sale en Personalizar - Css? porque si es así, podría poner eso código de color y poner otro y así solventarlo?

O bruno, tú me podrías decir, como eliminar estos códigos, ¿en qué líneas se encuentran para poderlo hacer desde el personalizador?

Al decirme que es con css, fue una empresa que contraté.

Gracias.

Esta publicación ha sido modificada el hace 1 año por María Teresa
Respondido : 29/12/2022 10:50 pm
Bruno
 Bruno
Soporte CMS Webempresa Moderator

Hola María Teresa,

Es correcto la linea señalada en la captura es una referencia de como debes tenerlo tu en el apartado de Apariencia-> Personalizar-> CSS agregado

Desde alli puedes cambiar el codigo de color hexadecimal https://htmlcolorcodes.com/es/

Recuerda que esa linea solo cambia de color los enlaces del menu, si deseas cambiar de color otro elemento cuentanos cual y con gusto te apoyamos

Saludos!

Respondido : 29/12/2022 11:04 pm

María Teresa
 María Teresa
Estimable Member

@bruno-vichetti, hola he conseguido cambiar y mucho, algunos cambios de los colores como que no sé como lo conseguí. 

Te cito lo que no he podido cambiar por si me puedes ayudar, en donde hacerlo o si fuera con css, como lo inicial que me enseñaste:

1. Colores en el footer de las páginas, Categoría, Producto, Mi cuenta, Carrito y Página de Pago, todas ellas las cree yo con elementor, no son las cargadas con woocommerce.

2. Colores de los botones y textos que aparecen en el carrito y en la página de pago, ya que al creerlas yo las cree a partir del shortcode.

3. En la ficha de producto, el texto de "productos recomendados", tampoco consigo cambiar el color al título.

Por otra parte aunque no tiene que ver con los colores, y no sé si debo abrir otro hilo, en la página de inicio tengo cargados mediante widwet que se muestren productos, y al final de estos, está el botón de cargar más, cuando pulsas en este, si algún artículo no tiene existencia, ya descuadra la alineación de la muestra de los productos, ¿hay alguna manera que en esta página no muestre los agotados o bien, los siga dejando alineados?

Gracias como siempre, un saludo.

Respondido : 31/12/2022 2:01 am
Bruno
 Bruno
Soporte CMS Webempresa Moderator

Que tal María Teresa

Vamos por partes 😊 

1. Colores en el footer de las páginas, Categoría, Producto, Mi cuenta, Carrito y Página de Pago, todas ellas las cree yo con elementor, no son las cargadas con woocommerce.

Los estilos del Footer no son consistentes te recomendaría usar los siguientes estilos para darle color a los títulos de los widgets del footer

.site-above-footer-wrap .widget-title {
color: #19ddc6 !important;
font-size: 20px !important;
}

2. Colores de los botones y textos que aparecen en el carrito y en la página de pago, ya que al creerlas yo las cree a partir del shortcode.

Necesitamos que nos indiques a que botones y textos te refieres ya que la pagina del carrito tiene muchos botones y textos

3. En la ficha de producto, el texto de "productos recomendados", tampoco consigo cambiar el color al título.

Si te refieres al siguiente título

image

Segun el inspector de elementos del navegador me indica de que esta construido en elementor, deberías poder cambiarlo directamente desde el constructor

image

Por otra parte aunque no tiene que ver con los colores, y no sé si debo abrir otro hilo, en la página de inicio tengo cargados mediante widwet que se muestren productos, y al final de estos, está el botón de cargar más, cuando pulsas en este, si algún artículo no tiene existencia, ya descuadra la alineación de la muestra de los productos, ¿hay alguna manera que en esta página no muestre los agotados o bien, los siga dejando alineados?

En este caso lo que sucede es que la altura de los productos mostrados como agotado difiere de los productos disponibles ya que no tienen el precio de forma visible

Una solucion sencilla seria ocultar los precios para todos los productos pero esto no seria del todo valido

image

Como el elemento tambien esta en elementor te recomendaria ocultar todos los productos que figuren como agotados

Saludos!

 

Respondido : 31/12/2022 5:34 am

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

María Teresa
 María Teresa
Estimable Member

@bruno-vichetti, Feliz Año!!!!

Gracias por vuestra ayuda, ya he conseguido cambiar el color de "producto Relacionados" y no era recomendados como dije.

Los que no consigo cambiar son los colores en el carrito, por eso adjunto las imágenes para que puedas saber cuales son los que necesito cambiar.

En cuanto a los tamaños de las imágenes de productos agotados, no sé si se podrá hacer que pueda aparecer el precio, ya que también he visto que se puede hacer, pero no lo consigo.

Muchas gracias por todo, un saludo.

Carrito 1 f
Carrito f
Carrito 3 f
Carrito 2 f

 

 

Respondido : 01/01/2023 11:31 pm
Pepe
 Pepe
Soporte CMS Webempresa Admin

Hola Maria teresa.

Prueba con lo siguinete:

button.button.ywgc_apply_gift_card_button {
background-color: #19ddc6 !important;
}

.woocommerce-shipping-calculator {
background-color: #19ddc6 !important;
}

.woocommerce button.button:disabled[disabled] {
opacity:9;
}

 

no sé si se podrá hacer que pueda aparecer el precio, ya que también he visto que se puede hacer

Al ser una consulta distinta de la que estamos tratando en esta entrada lo mejor es que abras una nueva consulta, con eso mantenemos un orden en el foro y nos ayudas a nosotros en nuestro trabajo.

 

Un saludo

 

Respondido : 02/01/2023 11:57 am

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

María Teresa
 María Teresa
Estimable Member

@pepesoler muchas gracias Pepe.

Entiendo que como me indicó tu compañero lo debo de poner, al final del css el código que me indicas, verdad?

Y abro otro hilo, ya que no sabía si podía hacerlo sobre este o abrir otro, como igualmente le pregunté.

Gracias de nuevo, un saludo.

Respondido : 02/01/2023 3:21 pm
Pepe
 Pepe
Soporte CMS Webempresa Admin

Hola Maria Teresa.

 al final del css el código que me indicas, verdad?

Exacto lo añades al final de CSS Adicional que tienes en Apariencia -> Personalizar -> CSS Adiciona.

 

Un saludo

 

Respondido : 02/01/2023 3:23 pm

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

María Teresa
 María Teresa
Estimable Member

@pepesoler, funcionó perfectamente, sólo ha habido uno que no ha cambiado y por ello adjunto imagen.

Un saludo.

Carrito f

 

Respondido : 02/01/2023 3:46 pm
Pepe
 Pepe
Soporte CMS Webempresa Admin

Hola Maria Teresa.

Prueba con esto:

.ywgc_enter_code p {
color: #19ddc6 !important;
}

 

Un saludo

Respondido : 02/01/2023 3:54 pm

Cursos Gratuitos WordPress

María Teresa
 María Teresa
Estimable Member

@pepesoler, muchísimas gracias por todo.

Con esta solución, cierro el hilo.

Un saludo.

Respondido : 02/01/2023 4:10 pm
Página 1 / 2