fix announcement CT#7865

app/Resources/public/css/base.css

@@ -103,6 +103,17 @@ a.thumbnail:hover{
 #carousel-announcement{
     min-height: 300px;
 }
+#carousel-announcement .carousel-caption{
+    left: 0;
+    right: 0;
+    bottom: auto;
+    padding: 5px;
+    background-color: #fff;
+    position: relative;
+    text-align: left;
+    text-shadow: none;
+    color: #666;
+}
 #carousel-announcement img{
     display: block;
     max-width: 100%;

main/template/default/announcement/slider.tpl

@@ -12,13 +12,15 @@
   <div class="carousel-inner" role="listbox">
       {% for announcement in announcements %}
         <div class="item {% if loop.index0 == 0 %} active {% endif %}">
-          {{ announcement.content }}
+          <div class="carousel-caption">
+              {{ announcement.title }}
+          </div>
+          <div class="carousel-content">
+              {{ announcement.content }}
+          </div>
             {% if announcement.readMore %}
                 <a href="{{ _p.web }}news_list.php?id={{ announcement.id }}">{{ "More" | get_lang }}</a>
             {% endif %}
-          <div class="carousel-caption">
-              <h3>{{ announcement.title }}</h3>
-          </div>
         </div>
     {% endfor %}
   </div>