T3 framework e K2 immagini flottanti RISOLTO

[misteradamello]

Buongiorno a tutti. Sto sperimentandi il famoso framework T3 e sono alle prese con una fastidiosa problematica: all'interno degli articoli (uso k2) metto regolarmente un'immagine di anteprima solo che utilizzando T3 l'immagine mi appare flottante in mezzo alla pagina vedi: http://www.videoinquota.it/indice-categorie/scialpinismo/cima-della-bondasca.html

[giusebos]

alcuni template con k2 danno questo effetto lightbox (la paroloa flottante non la userei che richiama una regola css per far flottare div)

risolvi aggiungendo in fondo al file ccs principale


.modal {
  position: relative;
}

[misteradamello]

Grazie! ma ti riferisci al css del template T3 ovviamente?
Ho questi fogli da poter compilare:

• Modifica css/bootstrap-responsive.css                              
• Modifica css/bootstrap.css                              
• Modifica css/component.css                              
• Modifica css/home-responsive.css                              
• Modifica css/home.css                              
• Modifica css/megamenu-responsive.css                              
• Modifica css/megamenu.css                              
• Modifica css/off-canvas.css                              
• Modifica css/template-responsive.css                              
• Modifica css/template.css                              

Quale di questi?

 

[giusebos]

dovrebbe andare bene template.css, e per sicurezza scrivi la regola così
.modal {
  position: relative !important;
}

ho aggiunto !important

[misteradamello]

Quindi:
 modal {
  position: relative important;
}
Così è corretto?

[giusebos]

.modal {
  position: relative !important;
}

[misteradamello]

Fatto...vediamo se funzia..

[misteradamello]

No, non funziona, anzi, in alto a sx compare la scritta:.modal { position: relative; }
Ho svuotato la cache di Firefox x sicurezza ancce se di solito il mio server è lento ad aggiornare...
Edit: la scritta è sparita ma le immagini sono sempre Ligtbox..

[giusebos]

la regola non viene recepita ed è per questo che non c'è nessuna modifica

prova a incollare la regola in fondo a questo file

http://www.videoinquota.it/t3-assets/dev/templates.t3_blank.less.bootstrap.less.css

[misteradamello]

Ok..funziona ma mi mette la foto a destra e io la voglio allineata a sinistra.Che devo fare?

[giusebos]

fai così:

elimina la regola appena incollata, vai alla riga 5053 sempre di questo file e modifica .modal come vedi sotto

.modal {
  position: relative ;
  background-color: #FFFFFF;
  width: 560px;
  z-index: 1050;
}

[misteradamello]

Adesso l'immagine è centrata. Mi potrei anche accontentare..