Проблема Не могу найти ошибку, неправильное отображение

1) на 1 скрине отображается хаотически блок новостей, никакой иерархии, хотя в настройках выставлено правильно, непонятно, почему они ужимаются так, колечко с бусинкой вообще ужато.. помогите найти ошибку.

Как сделать ровно по квадратикам в 2 или в 3 стоблца?

2) как сделать отступ от фотографии текста? в свойства нету отступа, ранее видел в пред. версиях эту настройку.


з.ы. пользуюсь jooml 3.4.8 , новичок

 

уточни плз, что за хлебные крошки? не понимаю может жаргона

 

снял с публикации, но ничего не изменилось.

--- добавлено: 15.02.2016, первое сообщение размещено: 15.02.2016 ---

вот код блока - Колечко с бусиной своими рукам (см.скрин1) почему оно сдвигается налево, заметил деталь одну, если увеличить в материале отступ в правую сторону от левой.. то после сохранения, фотография сразу жутко становиться маленькой

<h3>Колечко с бусиной своими рукам</h3>
<h3> </h3>
<h3><img src="images/2016/e4fddc5bb8e67b764e3ceb77a8434afd9b.jpg" alt="" width="126" height="87" /><span style="line-height: 24px;">В этом мастер классе я предлагаю вам создать простое и изящное украшение в технике wire wrap — маленькое колечко из меди, украшенное бусиной.</span><span style="line-height: 1.3em;"> </span></h3>
<div class="post__body__content typo typo--reader" style="box-sizing: border-box; font-size: 15px; color: #323b45; font-family: 'PT Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;"><hr id="system-readmore" /> </div>
<div class="post__body__content typo typo--reader" style="box-sizing: border-box; font-size: 15px; color: #323b45; font-family: 'PT Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;"> </div>
<div class="post__body__content typo typo--reader" style="box-sizing: border-box; font-size: 15px; color: #323b45; font-family: 'PT Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;"> </div>
<div class="post__body__content typo typo--reader" style="box-sizing: border-box; font-size: 15px; color: #323b45; font-family: 'PT Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;">
<p style="box-sizing: border-box; margin-top: 0px; margin-bottom: 20px; line-height: 24px;">

 

не могу понять, как сделать по человечески

Спасибо помогло конечно, результат уже радует, но теперь 3 строки ужаты, а не вторые

Шаблоны скрин приложил, не менял... все что менял, это пункт меню перенес по позициям наверх

--- добавлено: 16.02.2016, первое сообщение размещено: 16.02.2016 ---

эксперементирую, но последние строки ужимаются почему то

--- добавлено: 16.02.2016 ---

и еще 2вопрос там)

--- добавлено: 18.02.2016 ---

как поступить??

 

попробую просто голый текст вставить тогда...., а насчет

2) как сделать отступ от фотографии текста? в свойства нету отступа, ранее видел в пред. версиях эту настройку.?