Sfondo pulsante menu principale: margini e dimensioni
Author: Enzo I.Buonasera a tutti!
Vorrei chiedere scusa alla community se in questi giorni sto creando molti topic, ma ho finito un sito web e sto rifinendo ogni dettaglio che avevo tralasciato in fase di costruzione per evitare intoppi. Ci tengo comunque a precisare che prima di aprire ogni topic, provo a cercare ovunque la soluzione (su HelpCenter piuttosto che altrove).
Veniamo al problema...
Come sappiamo tutti, Website non consente di personalizzare un singolo pulsante del menu. Nel mio caso la soluzione è semplice: mi basta creare un livello nel menu che punta alla pagina desiderata (che rendo invisibile per non farla comparire nel menu), e applicare al livello un immagine di sfondo tramite le proprietà allo step "Mappa del sito".
Nel mio sito (www.criptoinvestire.com), il pulsante in questione è "GUIDE GRATUITE", in alto a destra, nel menu.
Il tutto sembra andare bene, se non per un piccolo e fastidioso dettaglio... E' come se ci fosse un margine interno di circa 2 pixel sulla sinistra del pulsante, quindi, al passaggio del mouse si vede lo sfondo bianco del pulsante al di sotto dell'immagine:
Ho provato in tutti i modi a eliminare il problema, ma senza risultato. Ho smanettato sia con lo stile del menu sia con le dimensioni dell'immagine di sfondo, ma niente da fare! Il problema persiste su tutte le risoluzioni e anche sull'hamburger menu.
Ho provato a creare immagini su misura e immagini più grandi, ma niente. Qualche anima buona che possa aiutarmi a risolvere il problema? Vi ringrazio in anticipo per avermi dedicato del tempo!
Buona serata :)
Enzo
quel bianco è dato dal settaggio su passaggio del mouse che ha uno sfondo bianco, come si vede se passi sopra le altre voci... prova a togliere, se c'è, la distanza fra i pulsanti...
Author
Buongiorno Skeggia, grazie per la risposta.
Il passaggio del mouse però non dovrebbe influire, se l'immagine fosse ben posizionata e senza margine...
I pulsanti hanno distanza zero, se ci fai attenzione lo noti (passando il mouse velocemente da un pulsante all'altro). Se ti posizioni sul pulsante Info Point, noterai gli stessi 2px di margine del tasto GUIDE GRATUITE, questa cosa mi sta tirando scemo!
Guarda questo spazio, il margine è a 0 (come vedi dalle impostazioni qui sopra).
Quello spazio come vedi non è dovuto alla distanza tra i pulsanti, altrimenti non si colorerebbe di bianco, giusto? :)
Enzo
... il problema dipende dall'immagine che hai usato per quel pulsante, questa: ...che non è congrua alla rispettiva cella, 150x62 ...contro 150x61...!...
... pertanto, venendo adattata proporzionalmente allo spazio disponibile assume le dimensioni di 148x61 ...!... così hai trovato i 2 px bianchi di differenza...
... hai quindi tre possibilità:
1^ - correggere l'immagine portandola alle dimensioni di 150x61 sostituendola a quella usata;
2^ - oppure, correggere l'altezza della barra menu e dei pulsanti da 61 px a 62 px, lasciando l'immagine attuale;
3^ - oppure, EXTRA rapido, ...lasciare tutto come sta, ed usare nel pannello ESPERTO | /HEAD ...questa stringa:
<style> .menu-item-icon {left:0px !important;width:100% !important;height:100% !important;} </style>
.
Author
GRAZIE INFINITE!
Non mi ero accorto del problema altezza dell'immagine! In ogni caso ho optato per la terza opzione, grazie ancora!
Enzo
... ... ...