@imcoleru

Как сделать блоки с картинкой и текстом сбоку Wordpress?

Здравствуйте, у меня задача сделать вот такие блоки на сайте с Wordpress:
5baceadd2f806495333910.png
Одна строка - это картинка и текст. И картинки чередуются, то слева, то справа.
Я пробовал разные плагины, типа Shortcodes Ultimate, но в мобильной версии отображается все не в таком порядке:
Картинка
Текст
Текст
Картинка

а мне принципиально важно, чтобы в мобильной версии отображалось все по порядку Картинка-Текст, Картинка-Текст.

Кто нибудь может подсказать какой нибудь плагин\виджет или как это реализовать?
  • Вопрос задан
  • 1116 просмотров
Решения вопроса 2
Madeas
@Madeas
UI / UX Designer, Frontend Developer
присвойте классы, затем order , наведите порядок и потом в медиа запросах меняйте порядок. Есть еще :nth-child(odd)
Ответ написан
Комментировать
azerphoenix
@azerphoenix
Java Software Engineer
Добрый день!
Используйте бутстрап.
При помощи CSS вы можете располагать картинки справа и слева. Например, при помощи :nth-child(odd) :nth-child(even)
А при помощи push & pull в бутстрап можете изменять расположение блоков. Пример - https://www.w3schools.com/bootstrap/tryit.asp?file...

Хотя, ВП тут ни причем... Это html + css
Ответ написан
Комментировать
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы