Ho revisionato un po' il codice.
Ho aggiunto un js altrimenti solo con i css è un po' un casino
Premetto che questo codice è per gli utilizzatori di Yootheme
Non voglio discriminare nessuno ma io uso sempre lui... (il mio tesssssoro 😁 )
Se poi altri mi chiedono degli adattamenti cercherò di farli....
Questa nuova versione non presenta colori per font o altro
Inoltre usa i button di Yootheme, scegli tu quello che più si addice al layout della sezione, sostituendo nello script la classe, ho fatto uno screenshot per capire meglio
Provatelo poi mi dite se funziona
Andiamo sempre nelle nostre impostazioni - codice personalizzato
In script inseriamo questo codice
document.addEventListener("DOMContentLoaded", function() {
var button = document.querySelector(".subbutton");
if (button) {
button.classList.remove("btn", "btn-primary", "button", "subbutton"); // Rimuove classi predefinite
// Sostituisci con il tipo di pulsante desiderato (puoi cambiare 'primary' con 'secondary' o 'default')
button.classList.add("uk-button", "uk-button-secondary");
}
});
In CSS/LESS
/* Contenitore principale del modulo AcyMailing */
[id^="acym_module_formAcym"] {
width: 100% !important;
max-width: 500px !important;
margin: 20px auto !important;
padding: 20px !important;
background-color: transparent !important; /* Usa lo sfondo del template */
}
/* Struttura interna del form */
[id^="acym_module_formAcym"] .acym_module_form {
padding: 10px !important;
}
/* Stile delle etichette per allinearle ai vari template */
[id^="acym_module_formAcym"] label {
display: block !important;
font-weight: 600 !important;
margin-bottom: 5px !important;
}
/* Stile per i campi input (testo ed email) */
[id^="acym_module_formAcym"] input[type="text"],
[id^="acym_module_formAcym"] input[type="email"] {
width: 100% !important;
padding: 10px !important;
transition: border-color 0.3s ease !important;
}
/* Stato focus per gli input */
[id^="acym_module_formAcym"] input[type="text"]:focus,
[id^="acym_module_formAcym"] input[type="email"]:focus {
outline: none !important;
}
/* Stile per il blocco degli errori */
[id^="acym_module_formAcym"] .acym__field__error__block {
font-size: 12px !important;
margin-top: 5px !important;
}
/* Stile per il campo checkbox */
[id^="acym_module_formAcym"] .checkbox {
margin-right: 5px !important;
}
/* Forza il testo scuro per il messaggio di errore */
.acym__field__error__block {
color: var(--uk-text-emphasis, #333) !important; /* Usa la variabile UIkit, altrimenti fallback su #333 */
}
/* Se il template ha UIkit e un tema scuro, forziamo il contrasto */
.uk-light .acym__field__error__block,
.uk-dark .acym__field__error__block {
color: #222 !important;
}
Schermata 25-02-2025 21.35.10.png
Schermata 25-02-2025 21.46.32.png
