Привіт, у мене проблеми з деякими класами css в joomla. У мене в модулі два div, один - клас обгортки = "обгортка", інший - клас вмісту = "вміст". Вміст знаходиться всередині обгортки. Що я намагаюся зробити, це націлити стиль css на клас вмісту. Зазвичай я просто вкладаю .content {my style info} у таблицю стилів, але проблема полягає в тому, що цей клас використовується кілька разів на всій сторінці. Отже, у бекенді ви можете призначити модулю назву класу, тому я назвав цей .testimonials.
Так що я не змінюю всі інші класи вмісту на сторінці, я намагаюся націлити його, поставивши це:
.testimonials .content {my style info I am trying to apply}
але це не працює, я знаю, ви можете зробити це за допомогою divs, отже
#testimonials .content {my style info I am trying to apply}
але моє запитання - чи можна це робити з класами?, якщо так щось піде не так, оскільки я намагаюся використовувати наступне:
.testimonials .content {font-size:12px; width:300px !important;}
оскільки з якихось причин вміст не обгортається, а просто зникає зі сторінки в кінці абзацу, тому я намагаюсь переконатись, що клас 1-го рівня, в якому сидить вміст, нічого не перекриває, дивна річ, навіть якщо я виправляю у класі div вміст розміщується до 50 пікселів, він все одно не буде обгортати текст, тому я не впевнений, чи правильно його націлюю?
редагувати >>>>>>>>>> ..
Створення html Joomla в основному виглядає так >>
<div class="wrapper">
<div class="content">SOME CONTENT</div
</div>
тоді він загорнутий у мільйон інших div у старому доброму стилі Joomla.
Я дав модулю клас відгуків, тому він закінчується виглядати приблизно так:
<div class="testimonials">
<div class="wrapper">
<div class="content">SOME CONTENT</div
</div>
</div>
EDIT 3 >>>>>>> Добре, це те, що він виплюває
<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>
РЕДАКТУВАТИ 4 >>>>>>
Це те, що воно робить