• User Attivo

    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

    1. come debbo modificare il codice per centrare "VIDEO SPECIAL KAITEN SUSHI FOR EXTRA RESTOURANT APPLICATIONS" ?
    2. come debbo modificare per invertire lato dx/sx foto / testo?
      inverti.JPG

    Grazie


    Jampi 1 Risposta
  • User Newbie

    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!