Un utente ha chiesto informazioni su GeneratePress di Wordpress

Scorri il testo da destra a sinistra

Un utente ha chiesto 👇

NOTA: sono molto nuovo in questo ed è il terzo o quarto giorno che cerco di trovare un codice per il mio sito web.

Ho trovato un CSS Marquee che ho poca idea di come implementare nella mia barra in alto. Ecco il link: https://www.html.am/html-codes/marquees/css-marquee.cfm

La mia comprensione è che questo dovrebbe andare in style.css, ma non so come riempire tutti i dettagli e farlo funzionare nella mia barra in alto. Inoltre non so dove sia il file [mobileonly] [/mobileonly] Dovrebbe essere visibile solo agli utenti mobili. Ecco cosa ho fatto finora utilizzando il codice sorgente dal link:

<style style="text/css">
.marquee {	
 overflow: hidden;
 position: relative;
 background-color: #cfb53b;
 color: #ffffff;
}
.marquee p {
 position: absolute;
 width: 100%;
 height: 100%;
 margin: 0;
 line-height: 1.5;
 text-align: center;
 /* Starting position */
 -moz-transform:translateX(100%);
 -webkit-transform:translateX(100%);	
 transform:translateX(100%);
 /* Apply animation to this element */	
 -moz-animation: scroll-left 5s linear infinite;
 -webkit-animation: scroll-left 5s linear infinite;
 animation: scroll-left 5s linear infinite;
}
/* Move it (define the animation) */
@-moz-keyframes scroll-left {
 0%   { -moz-transform: translateX(100%); }
 100% { -moz-transform: translateX(-100%); }
}
@-webkit-keyframes scroll-left {
 0%   { -webkit-transform: translateX(100%); }
 100% { -webkit-transform: translateX(-100%); }
}
@keyframes scroll-left {
 0%   { 
 -moz-transform: translateX(100%); /* Browser bug fix */
 -webkit-transform: translateX(100%); /* Browser bug fix */
 transform: translateX(100%); 		
 }
 100% { 
 -moz-transform: translateX(-100%); /* Browser bug fix */
 -webkit-transform: translateX(-100%); /* Browser bug fix */
 transform: translateX(-100%); 
 }
}
</style>

<div class="marquee">
<p>FREE SHIPPING ON DOMESTIC ORDERS OVER 40$ AND INTERNATIONAL ORDERS OVER $60</p>
</div>

Mi aiuti per favore. Se esiste un modo più semplice e migliore per farlo, mi aspetto solo una frase in loop infinito da destra a sinistra nella barra in alto per gli utenti mobili. Ciao a tutti per essere stati così bravi con questo lavoro tecnico !!!

Autore del tema

(@ edge22)

1 anno, 4 mesi fa

Ciao,

Vorrei provare questo:

1. Crea un nuovo widget HTML e aggiungi il tuo HTML:

<div class="marquee">
<p>FREE SHIPPING ON DOMESTIC ORDERS OVER 40$ AND INTERNATIONAL ORDERS OVER $60</p>
</div>

2. Aggiungi il tuo CSS utilizzando uno dei seguenti metodi: https://docs.generatepress.com/article/adding-css/

Non dovrebbe essere <style> elementi: è richiesta solo la SEC.

Spero che questo aiuti 🙂

Lanciatore di thread

(@ nar329)

1 anno, 3 mesi fa

Grazie! È quello che ho provato a usare, ma per qualche motivo è stato banale quando ho guardato il sito sul mio telefono. Sul telefono di qualcun altro era pronto. Ci tornerò dopo aver provato qualche altra cosa!

La vacanza più felice !!! 🙂

Autore del tema

(@ edge22)

1 anno, 3 mesi fa

Buone vacanze! 🙂

Was this helpful?

0 / 0

Lascia un commento 0

Your email address will not be published. Required fields are marked *