Блог на Jooml'е - смещаются блоки с заголовками

[01K]

Добрый вечер!
Есть сайтец/блог на Joomle. Проблема в отображении блоговых тем.
Тут:

Для просмотра скрытого содержимого вы должны войти или зарегистрироваться.

 

[krdma]

@media (min-width: 1200px)
.row-fluid [class*="span"] {
display: block;
float: left;
width: 100%;
min-height: 30px;
margin-left: 2.564102564102564%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}

Отступ в третьяем и пятом дает такая штука,

margin-left: 2.564102564102564%;

Во втором и четвертом отступа нет, т.к. они первые в блоке и для них действует правило

@media (min-width: 1200px)
.row-fluid [class*="span"]:first-child {
margin-left: 0;
}

 

[01K]

Спасибо!
Что-то сам не нахожу. Это в стиле bootstrap.css?
Хм... как-то криво получается
Подскажите, что мне тут подправить, чтобы всё ровно выводилось?
файл вывода категорий(заголовков с описанием

Для просмотра скрытого содержимого вы должны войти или зарегистрироваться.

P.S. кстати, этот

margin-left: 2.564102564102564%;

влияет совсем чуть-чуть... Тут в вёрстке, скорей всего зарыта собака...

 

[krdma]

margin-left: 2.564102564102564%;

Ну если поставить margin-left:0 то все становится на свои места.

А исправить все просто, в свой стиль прописать

.row-fluid [class*="span"] {
margin-left:0px !important;
}

 

[VaLeXaR]

Смотри, у тебя в шаблоне стоит: задавать нулевой отступ слева первому элементу в блоке.

@media (min-width: 1200px)
.row-fluid [class*="span"]:first-child {
margin-left: 0;
}

файл Для просмотра ссылки Войди или Зарегистрируйся
Исправь на такоe

@media (min-width: 1200px)
.row-fluid [class*="span"] {
margin-left: 0;
}

И проверь для других разрешений экрана.
Надеюсь поможет.

 

[01K]

Спасибо ребят!
Но только первое решение работает и с проблемой
Слайдер слетает, т.к. он тоже под span12 ходит . Тут как-то надо конкретизировать это правило... Сам не додумал как...

Вообще странно это, ведь "кривое" правило находится в файле bootstrap-responsive.css
То ли глюк, то ли моя разметка(что приводил выше) хромает.

 

[krdma]

Разметка еще как хромает, попробуй в джумле проверь настройки компонента, сдается мне что там стоит вывод в 2 колонки, можешь поиграться и удалить класс
row-fluid из разметки, лень копать на что он там еще влияет, на первый взгляд все должно быть нормально.

 

[01K]

А это не компонент, а менюшка типа "Category Blog"
Если у неё есть настройки вывода в 2 колонки, не подскажете где их точнее искать или как они в английском варианте зовутся?

Я переопределил вывод этой разметкой(html/com_content/category/blog.php Для просмотра ссылки Войди или Зарегистрируйся
как бы должна быть корректной, но что то тупит...
+ почему-то "Мой родны кут..."(последний в списке) отображает в тэгах <li>, когда в материале это выглядит так:

<h1>"Мой родны кут..."  Музей гімназіі імя Ф.Скарыны. Фотаздымкі А.Базюк</h1>
<p>Глядзець.... + фотки</p>
<hr id="system-readmore" />
<div>{spoiler title=Схаваны тэкст opened=0}{phocagallery view=category|categoryid=1|limitstart=0|limitcount=0}{/spoiler}</div>

 

[krdma]

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

 

[01K]

Спасибо!
Там действительно стояло 2, это всё и портило. Заменил на 1. Только первая кнопка "Читать далее" отображается без отступа. Но это уже ерунда
Раз пошла такая пьянка, может подскажете, по какой причине ссылка на самый последний материал - "Мой родны кут..."отображается между <li>.
Возможно тоже какие-то специфические настройки отображения блога?