Back to top

Autore Topic: Come allineare immagine e testo, in un articolo - template Protostar  (Letto 1227 volte)

Offline max_memory

  • Nuovo arrivato
  • *
  • Post: 1
    • Mostra profilo
Ciao a tutti gli amici di Joomla.
Prima di tutto faccio i miei complimenti ai fondatori di questa comunità e a tutti quelli che hanno dato e continuano a dare il loro contributo  per tutto il lavoro che è stato svolto, soprattutto "dietro le quinte". Un qualcosa di estremamenteti utile a livello sociale.
Ho iniziato a utilizzare Joomla dalla versione 3 e devo dire che mi sono trovato bene anche se comunque, le difficoltà si incontrano sempre quando si deve apprendere un CMS da zero.

Io avrei necessità di capire come sia possibile adattare un immagine con il testo allineato a destra, quando creo un articolo con il template Protostar, nello specifico che si adatti perfettamente ad uno schermo di uno smartphone. Perché una volta impostato in questo modo con il testo allineato bene a destra (float: left; margin: 20px;)






Quando lo si visualizza su un dispositivo mobile ottengo questo risultato:


Abbiate pazienza ma ho cercato un po in rete prima di postare questa domanda: (tabelle, tabelle con interno tag div, plugin, aggiunta di codice nel file template.ccs) ma non sono riuscito a trovare una soluzione che funzionasse, non sono un fenomeno di programmazione ma non sono nemmeno tanto a digiuno.

La pagina del sito è comunque la seguente:


http://www.turismoinliguria.com/it/attivita-ricettive/american-bar-pub.html


Grazie
max


adottauncane

  • Visitatore
Ciao max_memory,
benvenuto nel forum.
Potresti eliminare il float left oppure far ingrandire l'immagine.

Dopo:

Codice: [Seleziona]
@media (max-width: 480px) {
    div.modal {
        top: 10px;
        left: 10px;
        right: 10px;
    }

riga 6216 circa tempalte.css aggiungi:
Codice: [Seleziona]
  img  {
    width:85%;
}
 
o
Codice: [Seleziona]
    img  {
    float:none !important;
}

Ti conviene però inserire un file custom.css in modo che queste modifiche non vadano perse con gli aggiornamenti.
http://www.joomla.it/video-guide/8018-creare-una-copia-del-template-joomla-e-gli-override-dei-css.html

 



Web Design Bolzano Kreatif