Stile cella (bordo) visibile nel break point < di 479 px
Autore: Stefano L.
Visite 1556,
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
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
Autore
Ok Stefano,
rendila pure pubblica!
GRazie
Autore
Buongiorno Stefano,
sei riuscito a rendere la discussione pubblica?
grazie
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
... 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...
.
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 */
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...
Autore
Abbi pazienza ma per me è "arabo"... ho cambiato il riferimento #imCell_2 e funziona, ma il bordo rimane staccato dall'oggetto galleria...
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>
... 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;}}
.
Autore
Ok, grazie mille, penso di aver risolto...
... visto adesso, ...in rete non risulta...
.
Autore
Si, stavo pubblicando, ora e in rete ed e tutto ok!
grazie infinite!
Scusa Stefano , ma per correttezza il "corretto" (spunta verde) va messo alla risposta che ti ha risolto il post !