• Saltar a la navegación principal
  • Saltar al contenido principal
Código Genesis

Código Genesis

Tutoriales de WordPress y Genesis Framework

  • Empieza aquí
  • Cuenta
    • Suscripción
    • Perfil
    • Actualizar tarjeta
    • Favoritos
    • Salir
  • Suscribirse
  • Acceder

Cambiar el color de selección de texto en cualquier child theme de WordPress

Descubre cómo modificar el color de sombreado al seleccionar parte del texto en cualquier tema de WordPress usando un simple snippet de código.

Por defecto, cuando seleccionas un fragmento de texto en una web, el color de fondo que aparece es azul claro:

color selección texto por defecto
Color de selección de texto por defecto

Pero si quieres llevar la personalización de tu child theme de Genesis un punto más allá, puedes cambiarlo para que muestre tu color destacado o uno que vaya más acorde a la paleta de colores de la web.

color selección texto personalizado
Color de selección de texto personalizado

Es un cambio sutil. Sin embargo, pequeños detalles como estos ayudan a dar mayor homogeneidad y personalidad a una web, y por extensión, a la marca detrás de la misma.

¿Te interesa?

Snippet para modificar el color de la selección de texto

Añade el siguiente fragmento al final del fichero style.css:

Para ver este código y los otros 1801 snippets de esta web,
identifícate o suscríbete aquí.

Con el bloque anterior, además de personalizar el color de fondo (que debes variar según tus intereses), también cambias el del texto para que se lea mejor.

Sin embargo, si el contraste entre el color de fondo y letra es suficiente, no necesitas esa línea.

Conclusión

¿Sabías que podías modificar el color de selección de texto en cualquier child theme de WordPress? Ahora ya no tienes excusa. 😉 

Pequeños detalles como este ayudan a reforzar la coherencia visual de una página web y la marca asociada a ella.

Si quieres hacerme alguna pregunta o darme una sugerencia para próximos tutoriales, cuéntamela en los comentarios (opción exclusiva para suscriptores).

CSS WordPress

Nahuai Badiola

Desarrollador web especializado en WordPress y Genesis Framework. CEO de Código Genesis y cofundador de OsomPress (temas y plugins para WordPress).

Para dejar dudas o preguntas sobre este código, puedes login o suscribirte.

  • Empieza aquí
  • Sobre Código Genesis
  • Preguntas frecuentes
  • Contacto

Aviso legal · Política de privacidad · Política de cookies · Condiciones de contratación
Copyright © 2023 · Código Genesis

¿Has olvidado tu contraseña?