Как выровнять $IMAGE1$ по центру?

голоса: +2

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

У меня никак не получается выровнять $IMAGE1$ по центру. В визуальном редакторе нажимаю на нужную кнопку и $IMAGE1$ выравнивается, но после нажатия кнопки Сохранить, все равно в итоге стоит слева. Может это косяк шаблона 2012? Не знаю даже, что и думать?..

Пробовала переключать старый и новый визуальный редактор, но толку нет. Также, пробовала прописать $IMAGE1-right$ ради проверки, станет изображение справа или нет, но и это не помогло. Может кто-то сталкивался с данной проблемой?

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

| Автор: | Категория: Вопросы новичков
где ссылка на ваш сайт?
Я так понимаю, что мне никто не поможет и ответа можно не ждать?

Ответов: 3

голоса: +2
 
Лучший ответ

В стилях строка номер 112 ищем стили:

.eMessage img,.eText img {float:left;margin:5px 20px 5px 0!important;max-width: 100%;}

которые заменяем на:

.eMessage img,.eText img {display: block;margin: auto!important;max-width: 100%;}

 

| Автор:
Выбор ответа лучшим | | Автор: Катя
После этого помогло! Большое спасибо.

Скажите, это был баг шаблона 2012? В других шаблонах эту строку в стилях менять не надо будет?

P.S. Только после этой замены в CSS картинка становится по центру не только в Краткой новости, но и в Полной, а это быть не должно. Мне надо, чтобы в краткой новости она была по центру, а в Полной слева.
Причем, полную новость я не меняла, изменила расположение только в краткой новости, а в полной оно само почему-то стало по центру.
Помогите.
Катя,
Бага нет, скинули в личку, там и решайте.

Я не вижу никаких сообщений от вас. Процитируйте, пожалуйста, тут еще раз то, что написали в личку.

И почему мне вы отвечаете на мой вопрос, а не модератор Yuri_G ?

Катя,

В таком случае те стили, что выше, просто замените на следующие:

.eText img {float:left;margin:5px 20px 5px 0!important;max-width: 100%;}
.eMessage img{display: block;margin: auto!important;max-width: 100%;}

должно помочь, так как у вас используется класс eText для полного описания, класс eMessage для кратного и так можно разграничить и написать разные стили и для краткого и полного описания.

В том случае если вам и данный метод не подойдет, выход следующий, завертывать в кратком описании фото в отдельный новый класс постоянно вручную и задать ему соответствующие стили.

Этот вариант помог! Спасибо.
Голоса: +1

Попробуйте так:

| Автор:
Попробовала. Ничего это не дало.
Катя,
Ну тогда предоставляйте ссылку!)))
Голоса: +1

попробуйте $IMAGE1-center$

| Автор:
Так тоже не получается, все равно стоит слева.
...