- Home
- Categorie
- Coding e Sistemistica
- HTML e CSS
- Centrare testo e invertire lato testo con lato immagine
-
Centrare testo e invertire lato testo con lato immagine
Ciao, buongiorno, stò continuando con i miei goffi tentativi di sfruttare template free per ricavarne qualcosa di decente ..
In questa puntata, pensavo di aver capito i "meccanismi" che governano la formattazione e invece non riesco a sistemare 2 cose in questa pagina: www.conveyor-belt-sushi.com/news-sushi-conveyor-video.html
- come debbo modificare il codice per centrare "VIDEO SPECIAL KAITEN SUSHI FOR EXTRA RESTOURANT APPLICATIONS" ?
- come debbo modificare per invertire lato dx/sx foto / testo?
Grazie
1 Risposta -
Ciao @arluc,
sono due blocchi div, ti basta invertirli con un copia e incolla:<div class="mbr-box mbr-box--fixed mbr-box--adapted"> <div class="mbr-box__magnet mbr-class-mbr-box__magnet--center-left col-sm-6 mbr-section__right"> <div class="mbr-section__container mbr-section__container--middle"> <div class="mbr-header mbr-header--auto-align mbr-header--wysiwyg"> <h3 class="mbr-header__text">KAITEN SUSHI SPECIALE</h3> <p class="mbr-header__subtext">Sushi special shape</p> </div> </div> <div class="mbr-section__container mbr-section__container--middle"> <div class="mbr-article mbr-article--auto-align mbr-article--wysiwyg"> <p>Vuoi migliorare le vendite fino a 5 volte?</p> <p>Vuoi evidenziare la tua vetrina e il tuo prodotto?</p> <p>Abbiamo applicato il sistema kaiten sushi anche a prodotti molto diversi dall'alimentare e i risultati sono fantastici.</p> <p>Il nastro trasportatore installato nella tua vetrina, nel tuo negozio, permette di evidenziare e mettere in luce i tuoi prodotti. Sfrutta la combinazione dei 3 sistemi di promozione migliori: MOVIMENTO, LUCI, MUSICA.</p> <p>Colpisce tutti i sensi più importanti dei tuoi clienti offrendo una nuova esperienza e presentando il tuo prodotto da varie angolazioni.</p> <p>In questo modo il cliente è attirato e può ammirare tutti gli aspetti dei tuoi prodotti</p> </div> </div> <div class="mbr-section__container"> <div class="mbr-buttons mbr-buttons--auto-align btn-inverse"><a class="mbr-buttons__btn btn btn-lg btn-default" href="mailto:[email protected]">SCRIVICI</a></div> </div> </div> <div class="mbr-box__magnet mbr-box__magnet--top-right mbr-section__left col-sm-6"> <figure class="mbr-figure mbr-figure--adapted mbr-figure--caption-inside-bottom mbr-figure--full-width"><img class="mbr-figure__img" src="assets/images/Sushi conveyor special.JPG" alt="CF System Kaiten sushi speciale"></figure> </div> </div>
Poi aggiusta il css per i margini sia da desktop che da mobile.
Ciao!