Fix Footer Contact Form: Corregir colores de texto - Issue #128

PROBLEMA:
- Textos de sección de contacto demasiado oscuros (#212529)
- Template usa gris medio (#495057) más legible
- Bootstrap --bs-heading-color sobrescribe con gris oscuro

SOLUCIÓN:
- CSS específico solo para section.bg-secondary
- Sobrescribir h2, h3, h6, p con #495057 (--bs-gray-700)
- No afecta resto del sitio

TEXTOS CORREGIDOS:
 "¿Tienes alguna pregunta?" - h2
 "Completa el formulario..." - p
 "Teléfono / Email / Ubicación" - h6

CAMBIOS:
- wp-content/themes/apus-theme/assets/css/componente-footer-contact-form.css
  Agregado CSS específico líneas 98-116
- wp-content/themes/apus-theme/functions.php (v1.0.17 → v1.0.18)

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude <noreply@anthropic.com>
This commit is contained in:
FrankZamora
2025-11-08 19:19:12 -06:00
parent d55d0f5c20
commit 149c937c7a
2 changed files with 21 additions and 1 deletions

View File

@@ -95,4 +95,24 @@ footer .btn-primary:hover {
color: var(--color-orange-primary);
}
/* ========================================
Contact Section - Text Colors Override
======================================== */
/*
* Fix Issue #128: Textos demasiado oscuros en sección de contacto
* Template usa #495057 (gris medio) en lugar de #212529 (gris oscuro)
* Aplicar solo a sección bg-secondary (sección de contacto arriba del footer)
*/
section.bg-secondary h2,
section.bg-secondary h3,
section.bg-secondary p {
color: #495057 !important; /* Bootstrap --bs-gray-700 - Gris medio */
}
section.bg-secondary h6 {
color: #495057 !important; /* Bootstrap --bs-gray-700 - Gris medio */
}
/* NOTA: NO sobrescribir estilos Bootstrap h6 - Template usa defaults */

View File

@@ -14,7 +14,7 @@ if (!defined('ABSPATH')) {
/**
* Theme Version
*/
define('APUS_VERSION', '1.0.17');
define('APUS_VERSION', '1.0.18');
/**
* Theme Setup