WebSite X5Help Center

 
Stefano L.
Stefano L.
User

Stile cella (bordo) visibile nel break point < di 479 px  it

Author: Stefano L.
Visited 1534, Followers 1, Shared 0  

Buon giorno,

in merito al mio post chiuso (https://helpcenter.websitex5.com/en/post/223965)

vorrei far visualizzare lo anche lo Stile della Cella di un oggetto immagine o Galleria, quindi il bordo arancione di 3px, nel break point < di 479 px:

se inserisco il codice:

nella pagina: https://www.carrozzeriacrp.it/provatest/rinnovo-fari.html

il bordo non si vede e sembra che sia sotto l'immagine...

In attesa di un Vostro prezioso aiuto porgo

cordiali saluti

Stefano

Posted on the
14 ANSWERS - 3 USEFUL - 1 CORRECT
Incomedia
Stefano G.
Incomedia

Buongiorno Stefano

Essendo che il topic riguarda soprattutto codice custom, lo Staff non può purtroppo fornire assistenza.

Lascerò comunque la discussione aperta così che altri utenti possano aiutarti con la questione. Se per te va bene fammelo sapere qui e convertirò la discussione in pubblica

Grazie per la comprensione

Stefano

Read more
Posted on the from Stefano G.
Stefano L.
Stefano L.
User
Author

Ok Stefano,

rendila pure pubblica!

GRazie

Read more
Posted on the from Stefano L.
Stefano L.
Stefano L.
User
Author

Buongiorno Stefano,

sei riuscito a rendere la discussione pubblica?

grazie

Read more
Posted on the from Stefano L.
Stefano L.
Stefano L.
User
Author

Posto di nuovo il mio problema:

in visualizzazione < di 479 px vorrei rendere visibile (oltre alle celle di testo) lo Stile della Cella di un oggetto immagine o Galleria, quindi il bordo arancione di 3px:

se inserisco il codice:

<style>@media (max-width: 479px) {#imCellStyleGraphics_2 {border: 3px solid; colorrgba(247, 148, 29, 1);} !important;}}</style>

nella pagina: https://www.carrozzeriacrp.it/provatest/rinnovo-fari.html

il bordo non si vede e sembra che sia sotto l'immagine della galleria...

Qualcuno ha una soluzione?

Grazie.

Stefano

Read more
Posted on the from Stefano L.
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator

... il codice è errato; ...manca un (:) e c'è un (;) ed una (}) in più...
... il codice per la cornice va assegnato alla cella contenitore esterna #imCell_2 e va azzerato il margine interno (padding)...
... evitare di usare tag <style> a grappoli; ...ne basta solo uno per tutto il codice personalizzato...

.

Read more
Posted on the from  ‪ KolAsim ‪ ‪
Esse Di
Esse Di
User

Nel mio sito http://essedi.altervista.org/_EVO2019/_prove/index.html trovi un codice valido per qualsiasi oggetto

Avrei voluto segnalartelo nel tuo precedente topic, ma lo hai chiuso

/* codice per bordo grigio arrotondato, applicato */

/* a tutti gli oggetti a cui è stata un'àncora che inizia per sdB_*/

/* A differenza del bordo standard di X5 */

/* viene applicato anche alla minima risoluzione */

div[id^='sdB_'] ~ div[id^='imCellStyleGraphics_'] {

border: 2px solid grey !important; border-radius: 10px !important;

}

/* fine codice per bordo grigio arrotondato */

Read more
Posted on the from Esse Di
Stefano L.
Stefano L.
User
Author

Grazie Esse Di,

nel mio caso, quale dovrei utilizzare e dove lo posiziono? Te lo chiedo espressamente perchè non sono pratico di cosici custom, andrei a tentativi...

Read more
Posted on the from Stefano L.
Stefano L.
Stefano L.
User
Author

Abbi pazienza ma per me è "arabo"... ho cambiato il riferimento #imCell_2 e funziona, ma il bordo rimane staccato dall'oggetto galleria...

 ‪ KolAsim ‪ ‪
... il codice è errato; ...manca un (:) e c'è un (;) ed una (}) in più... ... il codice per la cornice va assegnato alla cella contenitore esterna #imCell_2 e va azzerato il margine interno (padding)... ... evitare di usare tag <style> a grappoli; ...ne basta solo uno per tutto il codice personalizzato... .
Read more
Posted on the from Stefano L.
Esse Di
Esse Di
User
Stefano L.
Grazie Esse Di, nel mio caso, quale dovrei utilizzare e dove lo posiziono? Te lo chiedo espressamente perchè non sono pratico di cosici custom, andrei a tentativi...

Il mio codice non ha bisogno di essere personalizzato con l'ID dell'oggetto

Come scritto nei commenti, esso viene applicato a qualsiasi oggetto a cui viene assegnata un'àncora che inizia con "sdB_" 

Se lo inserisci in "Impostazioni - Avanzate" viene esteso a tutte le pagine

Se lo inserisci in "Proprietà pagina - Esperto" vale sol oper la pagina in cui è inserito

Importante: lo devi racchiudere tra i tag <style> </style>

Read more
Posted on the from Esse Di
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator
Stefano L.
... ...  ma il bordo rimane staccato dall'oggetto galleria... ... ...

... come detto prima, correggere ed azzerare il margine:

@media (max-width: 479px) {#imCell_2 {border: 3px solid; color:rgba(247, 148, 29, 1) !important; padding:0px !important;}}

.

Read more
Posted on the from  ‪ KolAsim ‪ ‪
Stefano L.
Stefano L.
User
Author

Ok, grazie mille, penso di aver risolto...

 ‪ KolAsim ‪ ‪
Stefano L. ... ...  ma il bordo rimane staccato dall'oggetto galleria... ... ... ... come detto prima, correggere ed azzerare il margine: @media (max-width: 479px) {#imCell_2 {border: 3px solid; color:rgba(247, 148, 29, 1) !important; padding:0px !important;}} .
Read more
Posted on the from Stefano L.
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator

... visto adesso, ...in rete non risulta...

.

Read more
Posted on the from  ‪ KolAsim ‪ ‪
Stefano L.
Stefano L.
User
Author

Si, stavo pubblicando, ora e in rete ed e tutto ok!

grazie infinite!

Read more
Posted on the from Stefano L.
Claudio D.
Claudio D.
Moderator
Best User of the month IT

Scusa Stefano , ma per correttezza il "corretto" (spunta verde) va messo alla risposta che ti ha risolto il post !

Read more
Posted on the from Claudio D.