Joomla.it Forum
Joomla! 4 => Joomla! 4.x => : mariarosaria 13 May 2024, 15:59:37
-
Buon pomeriggio.
Il messaggio di mail inviata con successo compare dietro recaptcha e non è possibile cliccare la crocetta per chiuderlo, oltre che risulta difficilmente visibile (qui (https://prnt.sc/qH_dgbYOiZ3v))
La pagina di contatto è questa (https://www.cittadelladellimmacolata.it/info/cittadella-dell-immacolata-contatti.html)
L'id del div se ispeziono è: id="system-message-container" (https://prnt.sc/WlAmMKeeVYJO (https://prnt.sc/WlAmMKeeVYJO))
Come faccio a sovrascrivere questo id per far comparire l'alert in una posizione diversa?
Grazie
-
alla riga 2727 del file custom.css
edita la regola da così a così
#system-message-container {
position: fixed;
bottom: 100px;
right: 25px;
max-width: 650px;
}
#system-message-container {
position: relative;
width: 100%;
}
-
Grazie giusebos.
Alla fine avevo optato per una modifica css.
Avevo anche trovato il file con la posizione dle div per fare un override del template, ma non ci sono riuscita.
Infatti la regola che mi stai suggerendo di modificare l'avevo inserito io per spostare il messaggio sopra il recaptcha.
Con position:relative si sposta in alto. Grazie. Unica cosa utilizzerò width: max-content per ottenere un rettangolo un po' più largo. Con 100% rimane comunque piccolo.
#system-message-container joomla-alert {
font-size: 16px;
width: max-content;
}
#system-message-container {
position: relative;
}Ho comunque creato una paginetta a cui reindirizzare l'utente dopo l'invio mail. Così è anche più carino.
https://www.cittadelladellimmacolata.it/redirect/redirect-home.html (https://www.cittadelladellimmacolata.it/redirect/redirect-home.html)
-
perfetto!
:)