Ciao sto avendo problemi con alcune classi CSS in joomla. Ho due div in un modulo, uno è la classe wrapper = "wrapper", l'altro è la classe di contenuto = "contenuto". Il contenuto è all'interno del wrapper. Quello che sto cercando di fare è indirizzare uno stile CSS sulla classe di contenuto. Di solito metterei solo .content {my style info} nel foglio di stile, ma il problema è che questa classe viene utilizzata più volte in tutta la pagina. Quindi nel backend, puoi assegnare a un modulo un nome di classe, quindi ho chiamato questo .testimonials.
Per non alterare tutte le altre classi di contenuto nella pagina, sto cercando di indirizzarlo inserendo questo:
.testimonials .content {my style info I am trying to apply}
ma non funziona, so che puoi farlo con i div, quindi
#testimonials .content {my style info I am trying to apply}
ma la mia domanda è che questo può essere fatto con le classi?, in tal caso qualcosa non va mentre sto cercando di utilizzare quanto segue:
.testimonials .content {font-size:12px; width:300px !important;}
poiché per qualche motivo il contenuto non si avvolge e scompare dalla pagina alla fine del paragrafo, quindi sto cercando di assicurarmi che la classe di 1 ° livello su cui si trova il contenuto non si sovrapponga a nulla, la cosa strana è anche se aggiusto la classe div in cui il contenuto si trova a 50px continua a non avvolgere il testo, quindi non sono sicuro di averlo scelto come target giusto?
modifica >>>>>>>>>> ..
L'html che Joomla sta creando è fondamentalmente simile a questo >>
<div class="wrapper">
<div class="content">SOME CONTENT</div
</div>
poi è racchiuso in un milione di altri div nel buon vecchio stile Joomla.
Ho assegnato al modulo la classe delle testimonianze, quindi finisce per sembrare qualcosa del tipo:
<div class="testimonials">
<div class="wrapper">
<div class="content">SOME CONTENT</div
</div>
</div>
EDIT 3 >>>>>>> OK, questo è quello che sta sputando
<div class="testimonials">
<div class="key4-block">
<div class="module-title"><h2 class="title">Client Testimonials</h2></div>
<div class="key4-module-inner">
<div class="module-content">
<script type="text/javascript">
RokStoriesImage['rokstories-184'].push('');
RokStoriesImage['rokstories-184'].push('');
RokStoriesImage['rokstories-184'].push('');
</script>
<div id="rokstories-184" class="rokstories-layout6 content-left" >
<div class="feature-block">
<div class="feature-wrapper">
<div class="feature-container">
<div class="feature-story">
<div class="image-full" style="float: right">
<img src="/sos/" alt="image" />
</div>
<div class="desc-container">
<div class="wrapper">
<span class="content"><p>Arrived in under 30 mins and got my pride and joy home in one piece, the day it conked out on me.</p>
<p>- Mr A Another</p></span>
</div>
</div>
</div>
<div class="feature-story">
<div class="image-full" style="float: right">
<img src="/sos/" alt="image" />
</div>
<div class="desc-container">
<div class="description">
<span class="feature-desc">
<p>Great Service ! , SOS came to the rescue me in no time at all and made my day.</p>
<p>- a customer</p>
</span>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
MODIFICA 4 >>>>>>
Questo è quello che sta facendo