форматирование вывода анонса статей

Решено Voron27
(@voron27)

8 лет, 2 месяца назад

Всё просто хочу настроить вывод анонса статей на ворд пресс.

Проблема: текст анонса выводится под картинкой(миниатюрой).

Вопрос: Как сделать чтобы текст обтикал картинку(желательно с небольшим отступом от неё) по правую сторону.

Иными словами: Картинка слева, текст справа. Чтобы всё красиво смотрелось. Где можно это отредактировать? Какие способы решения проблемы есть?

П.С. Перекопал весь интернет, почему-то никто не может ничего ответить внятно, хотя задача довольно простая.

Просмотр 11 ответов — с 1 по 11 (всего 11)

qwert555
(@qwert555)

8 лет, 2 месяца назад
```
img {
float: left;
margin-right: 10px;
}
```
Это для всех картинок сайта, а конкретно для вашего сайта, надо смотреть, чтобы «зацепить» только миниатюры

Где можно это отредактировать?

в файле style.css
Модератор Yui
(@fierevere)

永子

8 лет, 2 месяца назад

правила форума п1
темам нужно давать информативные названия

Автор Voron27
(@voron27)

8 лет, 2 месяца назад

добавил код в конце стилей.. ничего не изменилось, если говорить о моём сайте то вот ссылка http://vyzhivaj.ru/

Автор Voron27
(@voron27)

8 лет, 2 месяца назад

добавил в индекс index, работает.. но не так как нужно вместе с текстом зацепилось и всё что находится ниже поста( имя автора, дата поста, теги).. Так что попрежнему не то..

Автор Voron27
(@voron27)

8 лет, 2 месяца назад

а можно это поправить если нажать на клаве F12? и гдето что-то прописать%)

Автор Voron27
(@voron27)

8 лет, 2 месяца назад

или плагин какой использовать

Автор Voron27
(@voron27)

8 лет, 2 месяца назад

использую тему: Alpona
Модератор Denis Yanchevskiy
(@denisco)

WordPress-разработчик, denisco.pro

8 лет, 2 месяца назад
```
.main-post img {
    float: left;
    margin-right: 10px;
    margin-top: 0; /* Если не хотите убирать верхний отступ у картинки — удалите эту строку */
}
.post-meta {
    clear: both;
}
```
Автор Voron27
(@voron27)

8 лет, 2 месяца назад

Работает! Но есть одно БОЛЬШОЕ НО текст выравнивается не только в анонсе(что смотрится так как я и хотел, спасибо!), но блин(((( Также и в тексте самой статьи.. что мне не нужно! Потому что тогда весь дизайн с ползает, каждая картинка выравнивается и обтикает текст..
Модератор Denis Yanchevskiy
(@denisco)

WordPress-разработчик, denisco.pro

8 лет, 2 месяца назад
```
.main-post h2.entry-title + img {
    float: left;
    margin-right: 10px;
    margin-top: 0; /* Если не хотите убирать верхний отступ у картинки — удалите эту строку */
}
.post-meta {
    clear: both;
}
```
Автор Voron27
(@voron27)

8 лет, 2 месяца назад

Спасибо всё работает просто идеально!!! Вы очень мне помогли!!!

Просмотр 11 ответов — с 1 по 11 (всего 11)

Тема «форматирование вывода анонса статей» закрыта для новых ответов.

Метки темы

Просмотр