Помогите поменять дизай на joomla

[pulse 5]

Добрый вечер. Решил сконструировать сайт на джумла и столкнулся с такой проблемой. Если зайти на страницу takzdorova .ru/zdorovoe-pitanie .html то видим что каждый leading блог налезает друг на друга. Посмотри по "исходному коду в браузере" подскажите как изменить < div class="leading-1, 2, 3..." что бы они не налезали друг на друга.

[campusboy 912]

Или к каждому "leading" добавьте класс clearfix в вёрстку или в css стили допишите в любое место (файл /templates/protostar/css/template.css):

.items-leading > div:before, .items-leading > div:after {
  display: table;
  content: "";
  line-height: 0;
  clear: both;
}

[pulse 5]

 

Или к каждому "leading" добавьте класс clearfix в вёрстку или в css стили допишите в любое место (файл /templates/protostar/css/template.css):

.items-leading > div:before, .items-leading > div:after {
  display: table;
  content: "";
  line-height: 0;
  clear: both;
}

Спасибо, второй вариант помог. Если не трудно, не подскажите ещё, как между блоками расстояние увеличить? А то они прям близко к друг другу.

[campusboy 912]

Спасибо, второй вариант помог. Если не трудно, не подскажите ещё, как между блоками расстояние увеличить? А то они прям близко к друг другу.

 

Дописать:

.items-leading > div {
 margin-bottom:20px;
}

[pulse 5]

 

Дописать:

.items-leading > div {
 margin-bottom:20px;
}

Большое спасибо за помощь.