WebSite X5Help Center

 
Marco S.
Marco S.
User

Per esperti css e Javascript  it

Author: Marco S.
Visited 225, Followers 2, Shared 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!

Posted on the
8 ANSWERS - 1 USEFUL
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator

 ... 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>

.

Read more
Posted on the from  ‪ KolAsim ‪ ‪
Marco S.
Marco S.
User
Author

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

Read more
Posted on the from Marco S.
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator
Marco S.
... ... ...  ... ...  l'elemento ul.portfolio-filter.list-inline, si "trancia" a destra ... ... ... 

<style> .container {width:100% !important} </style>

.

ciao

.

Read more
Posted on the from  ‪ KolAsim ‪ ‪
Marco S.
Marco S.
User
Author

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!

Read more
Posted on the from Marco S.
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator

... 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

.

Read more
Posted on the from  ‪ KolAsim ‪ ‪
Marco S.
Marco S.
User
Author

Ti ringrazio Kolasim,

Vedo se riesco a cavarne qualcosa da solo, ricercando qua e là nel web, nei prossimi giorni.

Buona serata!

Read more
Posted on the from Marco S.
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator

... se funzionasse, penso che forse(!) la via "iframe" sia quella da preferire; ... se posti il LINK di questa pagina indipendente si potrebbe valutare...
.
ciao
.

Read more
Posted on the from  ‪ KolAsim ‪ ‪