안녕하세요, joomla의 일부 CSS 클래스에 문제가 있습니다. 모듈에 두 개의 div가 있습니다. 하나는 wrapper class = "wrapper"이고 다른 하나는 content class = "content"입니다. 내용은 래퍼 안에 있습니다. 내가하려는 것은 콘텐츠 클래스의 CSS 스타일을 대상으로하는 것입니다. 일반적으로 스타일 시트에 .content {my style info}를 넣지 만 문제는이 클래스가 페이지 전체에서 여러 번 사용된다는 것입니다. 따라서 백엔드에서 모듈에 클래스 이름을 할당 할 수 있으므로 이것을 .testimonials라고했습니다.
그래서 페이지의 다른 모든 콘텐츠 클래스를 변경하지 않도록 다음을 입력하여 대상을 지정하려고합니다.
.testimonials .content {my style info I am trying to apply}
하지만 작동하지 않습니다. div로이 작업을 수행 할 수 있습니다.
#testimonials .content {my style info I am trying to apply}
하지만 내 질문은 이것이 수업으로 수행 될 수 있습니까?, 다음을 사용하려고 할 때 뭔가 잘못되면 :
.testimonials .content {font-size:12px; width:300px !important;}
어떤 이유로 내용이 줄 바꿈되지 않고 단락 끝에서 페이지에서 사라지기 때문에 내용이 앉아있는 1 단계 클래스가 아무것도 겹치지 않도록 노력하고 있습니다. 이상한 것은 수정하더라도 콘텐츠가 50px에 들어가는 div 클래스는 여전히 텍스트를 래핑하지 않으므로 올바르게 타겟팅하고 있는지 확실하지 않습니다.
편집 >>>>>>>>>> ..
Joomla가 만드는 HTML은 기본적으로 다음과 같습니다. >>
<div class="wrapper">
<div class="content">SOME CONTENT</div
</div>
그런 다음 좋은 오래된 Joomla 스타일로 백만 개의 다른 div로 포장됩니다.
모듈에 평가 클래스를 주었으므로 다음과 같이 보입니다.
<div class="testimonials">
<div class="wrapper">
<div class="content">SOME CONTENT</div
</div>
</div>
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 >>>>>> 편집
이것이하는 일입니다