Content slider codice responsive
Autor: Roberto M.
Visitado 479,
Followers 2,
Compartido 0
Salve ragazzi. Ho guardato in giro ma non riesco a trovare il codice e non so come si faccia a vedere quello di un ragazzo che fa vedere un sito di palestra e dice di aver risolto con del codice. La faccio breve: qualcuno può postarmi due righe di codice per far si che le immagini di questo modulo CONTENT SLIDER bello a vedersi e poco funzionale nei device mobili, possa ridimensionare le immagini alle varie risoluzioni senza tagliarle? Grazie dell'attenzione.
Publicado en
Trovi info a questo post https://helpcenter.websitex5.com/es/post/219470
Autor
Grazie giancarlo L'avevo già letto il post ma come faccio a vedere il codice con analizza il documento io tutto vedo tranne il codice commentato dall'utente. Fammi provare con chrome magari sbaglio io qualche cosa.
ctrl + u
Autor
Si fatto però spiegherei meglio la procedura.
Questo è il codice originario dell'utente a cui si fa riferimento:
<style>
/* Custom code by Giuseppe Guida */
@media (max-width: 719.9px) and (min-width: 200px){
.content-slider.slide-image-content {
width: 200px !important;
}
}
#imObjectContentSlider_94 > .content-slider-container > .content-slider-ctrl-container > .btn-ctrl>.arrow-btn {
width: 70px;
height: 70px;
}
.content-slider.content-slider-ctrl-container{
visibility: visible !important;
}
#imObjectContentSlider_94 > .content-slider-container > .slide-container > .slide-grid-container > .slide-txt-container > .slide-txt-content > .slide-txt-block-container > .slide-button {
background-color: rgba(152, 1, 1, 0.5);
}
@media (max-width: 719.9px) and (min-width: 200px) {
#imObjectContentSlider_94 {
min-height: 400px !important;
}
#imObjectContentSlider_94 > .content-slider-container > .slide-container > .slide-grid-container > .slide-txt-container > .slide-txt-content > .slide-txt-block-container > .slide-title {
font-size: 22pt !important;
}
#imObjectContentSlider_94 > .content-slider-container > .slide-container > .slide-grid-container > .slide-txt-container > .slide-txt-content > .slide-txt-block-container > .slide-button {
font-size: 12pt;
}
#imObjectContentSlider_94 > .content-slider-container > .content-slider-ctrl-container > .btn-ctrl>.arrow-btn {
width: 40px;
height: 40px;
}
}
/* End custom code */
</style>
Dovete fare attenzione a cambiare solo l'ID del vostro oggetto. Nel caso che stiamo visionando abbiamo questo oggetto:#imObjectContentSlider_94
Ora aprite la vostra pagina in anteprima ma quella che si vede dal browser non quella di progetto. Fate tasto destro poi su "ispeziona codice". Alla vostra destra della maschera in analisi cercate la voce @media (max-width: 1149.9px) and (min-width: 720px)index.css?2…882119:2115#imObjectContentSlider_75 > .content-slider-container > .slide-container > .slide-grid-container {
Come potete vedere io ho #imObjectContentSlider_75.
Adesso riportatevi sulla vostra pagina in progetto > mappa > propietà > esperto
Incollate il codice di cui sopra modificando _94 con il vostro. Attenzione potreste trovare anche ID come 16_108 e via discorrendo e la modifica importante la dovete fare dopo l'andescore cioè _ che precede l'ID per cui lasciate _ e metteteci tutto il vostro id che avete trovato. SE ad esempio fosse 10_109 voi dovete mettere _10_109.
Fatto!
Spiegherei anche che non vanno rimossi i credit di Giuseppe
Autor
Chiedo venia ho visto il codice da te postato come screen pensavo che riportandolo per un copia incolla al volo avrebbe facilitato l'utenza meno esperta. Potete rimuovere l'intero post se ho violato qualche regola.
Tranquillo Roberto, i credit ci sono, almeno nel codice che hai postato sopra vedo /* Custom code by Giuseppe Guida */.
@Giancarlo, grazie.
P.S. grazie per il "ragazzo" ("...non so come si faccia a vedere quello di un ragazzo che fa vedere un sito di palestra...") ma ho 50 anni
P.P.S. In quel link indicato da Giancarlo avevo comunque inserito la mia mail nel caso di dubbi e avrei dato (gratuitamente) tutte le info tramite mail come ho fatto con altri utenti. Qui sul Forum diventa spesso difficile scrivere, spiegare ed avere soprattutto un filo diretto ed immediato con gli utenti. Ho una mail già impostata per i meno esperti con tutta la spiegazione necessaria ad implementare il mio codice per rendere responsive la Content Slider che, come hai fatto ben notare, purtroppo è un oggetto bello a metà... Negli oggetti (anche a pagamento) di Incomedia stai certo che qualcosa manca sempre, puoi farci le migliori scommesse, le vinceresti sempre!