Как сделать такую страницу отзывов (Благодарственные письма)?

Question

[BomberBFS]

Народ, доброго времени суток.
Подскажите, пожалуйста, как сделать такой блок. Хотелось бы так как по ссылке:
https://pixelplus.ru/studio/reviews/
Миниатюра сканированного письма и рядом его текстовый его вариант. Ну и по мере новых добавлять туда.

Делал так: создал ряд, разбил на 2 колонки, в колонки вставил текстовый блок, далее вставляю мини картинку, текст, картинку делаю ссылкой и почему-то текст уходит вниз. Не подскажите в чем может быть причина? Стили тоже пробовал переназначать толку 0…
Ниже изображение, слева картинка с назначенной ссылкой. Справка просто миниатюра…

Я попробовал скопировать код от туда и стили но все равно не получается:

Answer 1

[Орхан Гасанлы]

Здравствуйте!

Вообще, по-хорошему нужно реализовать например, таким образом...
Регистрируете кастомный тип записи и добавляете к ней кастомные поля при помощи ACF.
https://wp-kama.ru/function/register_post_type
https://ru.wordpress.org/plugins/advanced-custom-f...

Создаете доп. размер миниатюры для отображения уменьшенной версии письма
https://wp-kama.ru/function/add_image_size

Клик на миниатюре открывает lighbox с картинкой.
https://dimsemenov.com/plugins/magnific-popup/

А судя по всему вы используете виз. редактор (Visual Composer или WpBakery Page Builder )
По картинке сложно сказать, что не так... но могу предположить следующее... изображение отображается как блочный элемент и соответственно, не отображается в ряд.
К изображению нужно добавить display:inline-block; float:left;
Вроде должно сработать

Comments

[BomberBFS]

Спасибо Вам большое! Попробую, отпишусь, что получилось)