Come posizionare testo responsivo cross-browser su slideshow

[robertosalvi]

Ciao! Chi mi aiuta a capire qual è il codice corretto per determinare dove posizionare il testo su una slide, in modo che lo stesso testo si ridimensioni se visualizzato su smartphone? Ora, sull'ultima imagine dello slideshow nella home del sito http://www.diocesi.parma.it/diocesi_2015/, sto facendo delle prove, ad esempio, in questo modo:

<p style="position: relative;">&nbsp;</p>
<p style="text-align: left; position: absolute; bottom: 2%; right: 2%;"><span style="font-size: 1.5vw; background-color: #130c44; font-weight: bold; color: #ffffff; padding: 5px;">Prove tecniche 11

<span style="font-size: 1.5vw; background-color: #ffffff; font-weight: bold; color: #130c44; padding: 5px;">per ottimizzazione su smart</span></p>
<p style="text-align: left; position: absolute; bottom: 2%; right: 2%;"><a href="images/HomeTemp/InvitointitolazioneCPD.pdf" target="_blank" class="button jcepopup"><span style="font-size: 1.8vw;"><strong>Prova</strong></span>[/url]</p>

per posizionare le 3 righe in basso a destra, ma seconda e terza vengono sovrapposte e, in più, vengono visualizzate molto diversamente a secoda del browser utilizzato.
Grazie

[conti1]

ciao
non hai pensato di cambiare sleid?
che quella in uso non sia perfettamente responsive?
ne hai a disposizione molte una di queste qui
e responsive sensa molti arcani . la uso da un po e non oh nessun problema .

[giusebos]

uno slider già responsive sarebbe la soluzione migliore per chi non bastica un pò di html e css, altrimenti ricorri alle mediaquery per correggere quello che hai.

[robertosalvi]

Ciao e grazie a entrambi!

Per conti1:  non ci avevo pensato perché installo sempre meno componenti possibile per evitare possibili conflitti, ma ho provato, come hai suggerito, ad installare ed impostare JUX Layer SlideShow e, data la mia scarsezza e, forse, problemi col template utilizzato, sono più di 2 ore che smacchino (www.diocesi.parma.it/diocesi_2015) senza riuscire ad ottenere i risultati della demo, pur avendo seguito le loro istruzioni passo passo. Inoltre, e non so perché, compare una strana fascia bianca fra lo slideshow e il menu a sinistra dello slideshow. Mi manderesti 2-3 screenshot con l'impostazione delle captions, per capire come fare?

Per giusebos: il template utilizzato (http://www.energizethemes.com/Joomla-Templates/Venda-Joomla-Template.html), slideshow compreso, è venduto come responsivo, ma il problema del ridimensionamento del testo nella visualizzazione su smartphone a me sembra evidente dato che le scritte sulle slide non cambiano di dimensione.

[giusebos]

responsivo vuol dire che si adatta, come una tutina elastica.
Così se una tutina elastica la fai calzare a qualcuno con un pò di pacetta e le maniglie dell'amore produci qualche strano effetto come quello che succede a te


Prova a documentarti sulle mediaquery e vedrai che il tuo template responsive diventerà anche bello e fruibile da altri device che hanno schermi di dimensioni diverse o ridotte

icagenda.it/mediaquery-cosa-sono-e-come-si-utilizzano.html

[conti1]

hai gia gurdato qui

[robertosalvi]

Per Conti1: http://www.diocesi.parma.it/diocesi_2015/

[conti1]

vai nel css
template.css  riga 3578

aggiungi margin.-eft

.sl-3rd-parties {    margin: 0 auto;    margin-left: -30px;}

per il menu che non si vede
layout.css riga 19

#slideshow-handler-bg {    margin-bottom: 0;    position: relative;    z-index: 0;}

[robertosalvi]

Grazieeeeeeeeeeeeeeee conti1!!!  :-D
Ora mi manca solo di capire qual è il modo corretto per caricare le slide.