WebSite X5Help Center

 
Stefano L.
Stefano L.
User

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

Auteur : Stefano L.
Visité 1531, Followers 1, Partagé 0  

Buon giorno,

in merito al mio post chiuso (https://helpcenter.websitex5.com/fr/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

Posté le
14 RéPONSES - 3 UTILE - 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

Lire plus
Posté le de Stefano G.
Stefano L.
Stefano L.
User
Auteur

Ok Stefano,

rendila pure pubblica!

GRazie

Lire plus
Posté le de Stefano L.
Stefano L.
Stefano L.
User
Auteur

Buongiorno Stefano,

sei riuscito a rendere la discussione pubblica?

grazie

Lire plus
Posté le de Stefano L.
Stefano L.
Stefano L.
User
Auteur

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

Lire plus
Posté le de 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...

.

Lire plus
Posté le de  ‪ 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 */

Lire plus
Posté le de Esse Di
Stefano L.
Stefano L.
User
Auteur

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

Lire plus
Posté le de Stefano L.
Stefano L.
Stefano L.
User
Auteur

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... .
Lire plus
Posté le de 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>

Lire plus
Posté le de 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;}}

.

Lire plus
Posté le de  ‪ KolAsim ‪ ‪
Stefano L.
Stefano L.
User
Auteur

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;}} .
Lire plus
Posté le de Stefano L.
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator

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

.

Lire plus
Posté le de  ‪ KolAsim ‪ ‪
Stefano L.
Stefano L.
User
Auteur

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

grazie infinite!

Lire plus
Posté le de Stefano L.
Claudio D.
Claudio D.
Moderator
Meilleur utilisateur du mois IT

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

Lire plus
Posté le de Claudio D.