Выравнивание по центру intro image

[321puls]

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

Не получается выровнять по центру картинку превью...

Joomla 4, Helix Ultimate.
Фото превью для блога (intro image) по умолчанию выравнивается по левой стороне. Мне нужно, что бы картинка превью выравнивалась по центру, основную картинку, как и наполнение текстом я делаю с помощью SPPB.

По умолчанию в настройках материала в css классе установлено глобальное выравнивание left. Менял на right, center - ничего не меняется.

Пробовал дополнительно в настройках материала article для intro image выставлять класс right или center - ноль результата...

Помогите, кто знает...

[Pavel-ww]

Помогите, кто знает...

Здравствуйте. Ссылка на сайт?

[321puls]

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

https://m.[youtube].com/watch?v=q00ff4A8DNA

На мониторах все в принципе устраивает, но на мобильном, за счет соотношения сторон, такого формата картинки смотрятся маленькими. Менять же соотношение сторон только за счет увеличения высоты картинки мне не хочется, на мониторе слишком большие картинки получаются. Поэтому хотел формат изображений поменять, не такие вытянутые, но тогда встает вопрос выравнивания картинок, тк по левому краю не нравится.

Технические аспекты привел выше.

Как то так...

[321puls]

Пробовал по рекомендациям пп 4.4.4 и 4.4.5

https://magazine.joomla.org/all-issues/ ... ips-tricks

Не спасло. Такие же рекомендации есть к helix шаблону, тоже пробовал...

[321puls]

Такое ощущение, что либо css классы не те, либо их правила не те.
Пробовал через custom css вводить новые классы, но с теми же правилами, что указаны в рекомендациях, тк сам в css ноль - тоже не спасало.

[321puls]

Что я жду - рекомендации: прописать глобально, или непосредственно к материалу такой то класс, а через custom css прописать такое то правило.

Нужно подобное руководство к действию.

[Pavel-ww]

Что я жду - рекомендации: прописать глобально, или непосредственно к материалу такой то класс, а через custom css прописать такое то правило.

Нужно подобное руководство к действию.

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

Прислушайтесь и сэкономите кучу времени и нервов:
Никакие рекомендации из документации не помогут. Любой шаблон имеет свои огрехи или так скажем базовый внешний вид, который не рассчитан на все случаи жизни или дизайна. Это нужно допиливать.

Проблема с изображениями в блоге - именно такой случай. Классы из документации могут визуально не работать, так как используют свойство float в неподходящей для этого свойства HTML разметке, в случае если изображение почти заполняет свой контейнер. Эти классы предназначены для случаев, если например изображение имеет 50% или меньше от ширины своего контейнера. Тогда работа этих классов будет видна.

Нужно просто написать свой CSS для этого. Или использовать изображения достаточной ширины.

Если у Вас не достаточно знаний, и Вы хотите получать помощь на форуме - залейте сайт на хостинг, чтобы тот кто вам помогает мог исследовать проблему через Dev Tools браузера и предоставить вам решение. Для разных шаблонов оно разное. Определитесь с шаблоном.

Никто не знает код наизусть, никто не будет воспроизводить проблему где-то на своем тестовом сайте, никто не будет пересматривать видео уроки которыми вы руководствовались, никто не будет писать вам подробные обучающие инструкции.

Здесь форум добровольцев. Позаботьтесь о времени помогающего вам человека, предоставив ссылку на сайт и подробное описание проблемы со скриншотами. Тогда вы получите качественную и быструю помощь.

Локальный сервер хорош только для опытных пользователей. И даже в случае если пользователь опытный, разработку лучше всегда проводить на реальном хостинге, как минимум для того чтобы не заботиться о правильной настройке сервера и в целях отладки в реальной web среде. Лично я давно отказался от использования локального сервера, что и Вам рекомендую.

[321puls]

Павел, спасибо за мегаразвернутый ответ...

Ps: приятно видеть сообщения не только как от специалиста в своей области, но и как грамотную речь!