Posizione icona scroll inizio pagina 
Autore: Ettore P.
Visite 1514,
Followers 2,
Condiviso 0
Buon pomeriggio, vorrei inserire un'icona .svg come icona scroll inizio pagina.
Come faccio a definire la posizione personalizzata in cui collocare l'icona?
Al momento ho inserito questo codice nella sezione principale "PRIMA DELLA CHIUSURA DEL TAG HEAD"
<div id="imPageToTop" class="page-to-top-visible" style="display: block;"><img src="files/arrow-up-blue-circle-34.svg" alt="scroll to top" id="imPageToTop_img"></div>
Altra cosa, se in una cella di testo o in un oggetto html inserisco una immagine svg (o altro formato) tramite codice , che codice devo usare al fine che questa immagine venga ridimensionata correttamente in base ai vari dispositivi su cui verrà visualizzata?
Postato il
Autore
Ho risolto così:
#imPageToTop {
position: fixed;
bottom: 10px;
right: 12px;
z-index: 10500;
display: none;
opacity: 0.55;
}
Chiudo il post.
Autore
Aggiornamento:
Il codice di cui sopra funziona per l'immagine ma non funziona il comando, quindi al click dell'icona non succede nulla.
Ho quindi modificato il file TEMPLATE.CSS alla riga 10, impostando direttamente lì la posizione dell'icona.
Autore
Ecco il file "template.css".
Alla riga 10 #imPageToTop si possono modificare i valori a proprio piacimento, nel mio caso, la posizione dell'icona.
forse se dai più peso al tuo codice con !important con ti serve modificare il css, hai provato?
Autore
Grazie Giancarlo, non avevo provato.... ho provato adesso e funziona!
Daresti un'occhiata al codice per dirmi se è corretto? Ho inserito:
<style>
#imPageToTop {
position: fixed;
bottom: 10px !important;
right: 12px !important;
z-index: 10500 !important;
opacity: 0.5 !important;
}
</style>
Ettore, direi di si
Autore
A dire il vero, oggi funziona anche senza !important
Mah, sicuramente avrò commesso qualche errore.
Autore
di nulla figurati....