Правка стиля css

Главные вкладки

Аватар пользователя misha_nik_ef misha_nik_ef 20 февраля 2015 в 15:22

Добрый день, создано представление
Изображение
Bode
Ссылка подробнее

Как вывести это во вьюсе, что бы текст был справа от картинки. Ещё и ссылка "подробнее" была не так далеко от текста.
Прилагаю скриншоты, там попорядку изображено то что я сделал.
1. Как выглядит без изменений
2 Включаю файербаг и смотрю какой стиль отвечает за картинку, определяю как "views-field-field-img"
3 В вайле style.css в самом конце дописываю строчку, изображена на скриншоте
4 В итоге получается как надо, но следующий материал криво встаёт.

Поправьте меня пожалуйста.

Не надо писать "иди учи css" и всё такое, я этим занимаюсь, просто что бы не тормозить процесс мне нужна ваша помощь.

Комментарии

Аватар пользователя bumble bumble 10 ноября 2015 в 11:50

Перед добавлением стиля для обтекания изображения можно установить "display: block;" для строки представления. Можно определить свой класс строки в настройках представления, или установить для стандартной разметки Views.
При этом желательно указывать классы настраиваемого представления, иначе будут переопределяться во всех.

Аватар пользователя misha_nik_ef misha_nik_ef 21 февраля 2015 в 12:14

"bumble" wrote:
Перед добавлением стиля для обтекания изображения можно установить "display: block;" для строки представления.

Извините за бональный вопрос, но как именно мне нужно прописать эту строчку?
.views-row {
display: block;
}
Так?

Аватар пользователя bumble bumble 21 февраля 2015 в 13:31

Так. Но не забудьте про:

"bumble" wrote:
...желательно указывать классы настраиваемого представления, иначе будут переопределяться во всех.

Аватар пользователя misha_nik_ef misha_nik_ef 10 ноября 2015 в 11:50

Вот посмотрите я дописал, но что то у меня осталось без изменений. Не ругайте за бональщину css, я только начинаю изучать.
Я правильно указал класс настраиваемого представления?
Что всё же не так, что у меня не выводит представления как надо?
Заранее огромное спасибо