Pregunta sobre Sketch de Wordpress:

Cambiar el enlace y el color del botón

Un usuario preguntó 👇

¡Hola!

Quiero cambiar todos los enlaces y colores de los botones del naranja predeterminado al amarillo.

Recibí el siguiente código y lo agregué a CSS adicional:

a: enlace {color: # EFB82B;}

Cambió todos los enlaces como quería, pero no cambió el botón en mi formulario de contacto y desordenó los tres botones amarillos (fondo amarillo, texto blanco) en mi página de inicio: en lugar de ellos amarillos con texto blanco, ‘para cada amarillo y al pasar el mouse, la configuración original es visible (fondo amarillo, fuente blanca y resaltado naranja a su alrededor al pasar el mouse).

Todavía quiero hacer que todos los enlaces sean amarillos y mantener los botones con el fondo amarillo y el texto blanco y un resaltado púrpura (# 871952) alrededor de un cursor, incluido el botón en el formulario de contacto.

es posible?

¡Muchos gracias!

Olívia

Lanzador de hilos

(@ oliviamarchi1)

Hace 1 año, 8 meses

¡Hola!

Logré cambiar el color del botón de envío Contact From 7 con este código y funcionó:

input.wpcf7-form-control.wpcf7-submit: hover {border-color: # 871952; color blanco; } input.wpcf7-form-control.wpcf7-submit {color de fondo: # EFB82B; color del borde: # EFB82B; color blanco; }

Sin embargo, todavía se necesita ayuda con los enlaces (en cada página) y los botones de la página de inicio. También olvidé mencionar que no quiero cambiar los colores del menú y los títulos / desplazamiento del portafolio, lo que funciona perfectamente con estos bits de código:

.main-navigation li: hover> a, .current_page_item a, .current-menu-item a {color: # EFB82B; }

.page-template-portfolio-page-php .jetpack-portfolio: pasar el cursor a, .project-navigation-wrapper .jetpack-portfolio: desplazar a, .page-template-portfolio-template-php .jetpack-portfolio: desplazar a, cuerpo[class*=jetpack-portfolio].archive .jetpack-portfolio: coloca el cursor sobre un {color: # EFB82B; }

¡Gracias de nuevo!

Olívia

(@gemmaevans)

Hace 1 año, 8 meses

Hola Olívia,

Solo asegúrate de tener esto bien:

Los enlaces y botones se cambiaron correctamente

Formulario de contacto

Enlaces y botones para mantenerlos como están

Títulos de la cartera de menús

Enlaces y botones que deben cambiarse

Publicaciones de la página de inicio, páginas y todos los demás campos del sitio

Por favor, avíseme si algo que he escrito está mal y si podemos salirnos con la nuestra 🙂

Esta respuesta fue modificada hace 1 año, 8 meses por. Lanzador de hilos

(@ oliviamarchi1)

Hace 1 año, 8 meses

¡Hola Gemma!

Eso es, exactamente 🙂 Avísame si necesitas más información.

Gracias !!

Olívia

(@gemmaevans)

Hace 1 año, 8 meses

Hola Olívia,

¡Gracias! Como ya ha comenzado a trabajar en CSS, puede empezar cambiando los colores y botones de los enlaces globales; esto significa que todos los enlaces y botones se aplicarán con los mismos colores en todo el sitio.

Entonces puedo ayudarlo con CSS en cualquier área que deba ser diferente. Será más eficiente trabajar de esta manera que crear estilos separados para cada área del sitio, ya que solo realizaremos cambios en áreas que requieran un esquema de color diferente.

Avísame cuando hayas hecho eso y puedo echar otro vistazo.

Lanzador de hilos

(@ oliviamarchi1)

Hace 1 año, 7 meses

¡Hola Gemma!

Gracias también. Cambié los enlaces pero esta vez usé este código:

un {color: # DAA828; }

a: hover {color: # 871952; }

Reemplazar el anterior:

a: enlace {color: # EFB82B; }

Ahora está funcionando como esperaba para todos los enlaces de texto globales y dejó los botones solos.

Así que esto resolvió el problema de cambiar el color de los enlaces y lo único que quiero personalizar más son los botones en la página de inicio. Quiero cambiar el color de desplazamiento de naranja a amarillo y todavía estoy averiguando suficiente CSS o voy a personalizar esto directamente en el plugin (utilicé Atomic Blocks para crear las columnas y los botones estándar integrados. El botón puede permitirme personalizarlos de la manera que desee de una manera más sencilla).

De todos modos muchas gracias por su tiempo y atención y les haré saber cómo va esto con los botones.

🙂

(@gemmaevans)

Hace 1 año, 7 meses

Hola @ oliviamarchi1,

Me alegra saber que sus conexiones globales ahora están ordenadas.

Todavía quiero personalizar más que los botones de la página de inicio. Quiero cambiar el color de desplazamiento de naranja a amarillo.

Intente usar este CSS para los botones de la página de inicio:

.home a.wp-block-button__link.has-text-color.has-white-color.has-background:hover 
    {
        background-color: #fcf923 !important;
    }

#fcf923 se pueden cambiar a cualquier tono de amarillo que desee 🙂

Lanzador de hilos

(@ oliviamarchi1)

Hace 1 año, 7 meses

¡Hola Gemma! Problema resuelto. ¡Muchos gracias! Ten un excelente fin de semana. Olívia

Esta respuesta fue modificada hace 1 año, 7 meses.

¿Solucionó tu problema??

0 / 0

Deja una respuesta 0

Tu dirección de correo electrónico no será publicada.