<![CDATA[Hover al passaggio del mouse]]>Buonasera a tutti, sono da un po che mi sto scervellando con un css.

Ho il seguente tasto su woocommerce, il pulsante del Checkout:

.woocommerce #respond input#submit.alt, .woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt {
background-color: #D3B574;
color: #fff;
font-size: 1.4em !important;
text-transform:uppercase;
width: 100%;

-webkit-font-smoothing: antialiased;

}

Con il codice personalizzato sono riuscito a renderlo maiuscolo e più grande.

Ora però il template di suo ha un colore poco soddisfacente. Come posso cambiare il colore al passaggio del mouse?

Che codice dovrei inserire?

Grazie anticipatamente a chi volesse rispondermi.

]]>https://connect.gt/topic/166247/hover-al-passaggio-del-mouseRSS for NodeThu, 15 Oct 2026 07:45:42 GMTMon, 13 Apr 2020 20:24:44 GMT60<![CDATA[Reply to Hover al passaggio del mouse on Wed, 15 Apr 2020 14:01:04 GMT]]>Grazie sono riuscito inserendo il codice come mi hai suggerito.

]]>https://connect.gt/post/1054016https://connect.gt/post/1054016Wed, 15 Apr 2020 14:01:04 GMT<![CDATA[Reply to Hover al passaggio del mouse on Wed, 15 Apr 2020 13:32:58 GMT]]>Non saprei aiutarti perché non uso WP, ci dovrebbe essere la sezione editor per apportare modifiche al codice compresi i fogli di stile.

Devi solamente aggiungere questa regola

[HTML]
.woocommerce #respond input#submit.alt:hover, .woocommerce a.button.alt:hover, .woocommerce button.button.alt:hover, .woocommerce input.button.alt:hover {
color: red;
}
[/HTML]

metti il colore che desideri.

]]>https://connect.gt/post/1054020https://connect.gt/post/1054020Wed, 15 Apr 2020 13:32:58 GMT<![CDATA[Reply to Hover al passaggio del mouse on Tue, 14 Apr 2020 21:09:43 GMT]]>.woocommerce #respond input#submit.alt,
.woocommerce a.button.alt,
.woocommerce button.button.alt,
.woocommerce input.button.alt {
background-color: #D3B574;
color: #fff;
font-size: 1.4em !important;
text-transform:uppercase;
width: 100%;

}

Grazie della risposta, ho provato ma non ci sono riuscito. Mi crea un errore e mi cancella tutte le impostazioni.

]]>https://connect.gt/post/1054014https://connect.gt/post/1054014Tue, 14 Apr 2020 21:09:43 GMT<![CDATA[Reply to Hover al passaggio del mouse on Tue, 14 Apr 2020 00:41:54 GMT]]>Es.

[HTML]
.woocommerce a.button.alt:hover {
color:red;
}
[/HTML]

e così per gli altri elementi. Praticamente puoi copiarti il CSS che hai postato, ogni elemento lo fai seguire da :hover e tra parentesi graffe metti la regola del colore

]]>https://connect.gt/post/1054019https://connect.gt/post/1054019Tue, 14 Apr 2020 00:41:54 GMT<![CDATA[Reply to Hover al passaggio del mouse on Mon, 13 Apr 2020 22:18:44 GMT]]>Si, ma non saprei come integrarlo in questo caso specifico

]]>https://connect.gt/post/1054015https://connect.gt/post/1054015Mon, 13 Apr 2020 22:18:44 GMT<![CDATA[Reply to Hover al passaggio del mouse on Mon, 13 Apr 2020 21:29:03 GMT]]>Utilizza la pseudo classe :hover
https://developer.mozilla.org/en-US/docs/Web/CSS/:hover

]]>https://connect.gt/post/1054018https://connect.gt/post/1054018Mon, 13 Apr 2020 21:29:03 GMT