Per esperti css e Javascript 
Autore: Marco S.
Visite 591,
Followers 2,
Condiviso 0
Alla pagina di questo sito è presente una Galleria Masonry, con filtro per le categorie.
Facendo l'hover sulle immagini si presentano due iconcine, una raffigurante un occhio e l'altra una cornice. Facendo clic sull'iconcina della cornice si apre l'immagine ingrandita in una lightbox, mentre nulla avviene facendo clic sulla prima. Intendo quindi rimuoverla dal codice.
Il mio problema è allineare quella che rimarrebbe (l'iconcina della cornice) al CENTRO del perimetro dell'area delle immagini e non lasciare che si trovi (ad ogni viewport a cui si vede il sito) non centrata rispetto all'asse orizzontale delle immagini stesse.
C'è qualche guru di codice e programmazione che sa spiegarmi come devo procedere?
Ringrazio di cuore anticipatamente!
Postato il
Autore
Ho dimenticato il link... :)
http://siteincreation.altervista.org/lavorazioni.html
... forse era più indicato controllare le opzioni alla fonte; ...comunque:
<style>
.view-btn{display:none !important;}
.project-hover-tools, .project-hover-tools *:not(i) {position:absolute;top:50% !important;left:50% !important;transform:translate(-50%, -50%)}
</style>
.
Autore
Che dire, grazie molte Kolasim, conosci il fatto tuo!
C'è un'ultima cosa che ti sottopongo, di cui mi sono accorto testando la pagina web.
Il blocco dei bottoni delle voci di categoria, cioè l'elemento ul.portfolio-filter.list-inline, si "trancia" a destra quando si visualizza la pagina ad una risoluzione compresa fra 768px e 1149px. Sembra vi sia in quella fascia specifica un problema di responsività.
A questo punto, sono convinto che per tutto quello che sai identificare il problema è per te un gioco da ragazzi!
Grazie ancora per l'aiuto
<style> .container {width:100% !important} </style>
.
ciao
.
Autore
Ciao Kolasim,
La dichiarazione funziona bene, solo che agisce anche in parte sulla sezione che contiene la gallery, in uno spazio viewport ben preciso. Ridimensionando la finestra del browser da 1149px fino a scendere a 993px accade che le colonne contenenti le immagini rimangono sempre 4 (e non scendono a 3) riducendo ovviamente la dimensione delle immagini stesse.
Hai modo di verificare, anche senza fretta, che il week-end me lo faccio lontano dal pc? :))
Grazie per il supporto!
... più di quello per stare nel semplice non posso immaginare altro...
... eventualmente prova a pubblicare il codice sorgente in pagina html indipendente esterna al progetto, per poterne valutare eventuale incorporamento con iframe...
.
ciao
.
Autore
Ti ringrazio Kolasim,
Vedo se riesco a cavarne qualcosa da solo, ricercando qua e là nel web, nei prossimi giorni.
Buona serata!
... se funzionasse, penso che forse(!) la via "iframe" sia quella da preferire; ... se posti il LINK di questa pagina indipendente si potrebbe valutare...
.
ciao
.