Posizione icona scroll inizio pagina 
Autor: Ettore P.
Visitado 1037,
Followers 2,
Compartido 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?
Publicado en
Autor
Ho risolto così:
#imPageToTop {
position: fixed;
bottom: 10px;
right: 12px;
z-index: 10500;
display: none;
opacity: 0.55;
}
Chiudo il post.
Autor
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.
Autor
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?
Autor
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
Autor
A dire il vero, oggi funziona anche senza !important
Mah, sicuramente avrò commesso qualche errore.
Autor
di nulla figurati....