WebSite X5Help Center

 
Stefano L.
Stefano L.
User

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

Autore: Stefano L.
Visite 1528, Followers 1, Condiviso 0  

Buon giorno,

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

Postato il
14 RISPOSTE - 3 UTILI - 1 CORRETTO
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

Leggi di più
Postato il da Stefano G.
Stefano L.
Stefano L.
User
Autore

Ok Stefano,

rendila pure pubblica!

GRazie

Leggi di più
Postato il da Stefano L.
Stefano L.
Stefano L.
User
Autore

Buongiorno Stefano,

sei riuscito a rendere la discussione pubblica?

grazie

Leggi di più
Postato il da Stefano L.
Stefano L.
Stefano L.
User
Autore

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

Leggi di più
Postato il da 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...

.

Leggi di più
Postato il da  ‪ 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 */

Leggi di più
Postato il da Esse Di
Stefano L.
Stefano L.
User
Autore

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

Leggi di più
Postato il da Stefano L.
Stefano L.
Stefano L.
User
Autore

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... .
Leggi di più
Postato il da 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>

Leggi di più
Postato il da 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;}}

.

Leggi di più
Postato il da  ‪ KolAsim ‪ ‪
Stefano L.
Stefano L.
User
Autore

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;}} .
Leggi di più
Postato il da Stefano L.
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator

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

.

Leggi di più
Postato il da  ‪ KolAsim ‪ ‪
Stefano L.
Stefano L.
User
Autore

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

grazie infinite!

Leggi di più
Postato il da Stefano L.
Claudio D.
Claudio D.
Moderator
Utente del mese IT

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

Leggi di più
Postato il da Claudio D.