Поддержка Проблемы и решения Elementor сдвигает изображение влево

  • Добрый день! Столкнулся с такой проблемой в Elementor, на страницах где (Post Content) изображения сдвигаются влево (хотя в редакторе стоят по центру) и нет обтекания текстом, они просто стоят впритык. Пробовал разные шаблоны, ничего не меняется. Плагины отключал. Без Elementor все встает на свои места.

    • Тема изменена 2 года, 6 месяцев назад пользователем konservat0r.

    Страница, с которой нужна помощь: [войдите, чтобы увидеть ссылку]

Просмотр 3 ответов — с 1 по 3 (всего 3)
  • Без Elementor все встает на свои места.

    вот вы и нашли решение своей проблемы

    Видимо, вы вставляете картинку в текстовый блок. Так лучше не делать. CSS текстового блока перебивает CSS картинки.

    .elementor .elementor-widget:not(.elementor-widget-text-editor) figure {
        margin: 0;
    }

    Проблема кроется в этом. Класс выше сдвигает картинку влево. А класс картинки должен выровнять по центру.

    .aligncenter {
        clear: both;
        display: block;
        margin: 0 auto;
    }

    Так вот
    margin: 0 auto; автоматически отрубается из-за того, что класс родительского div приоритетный.
    Выход, конечно есть. Например, в файл style.css (желательно дочерней темы), внести такой стиль:

    .aligncenter {
        clear: both;
        display: block;
        margin: 0 auto !important;
    }

    Тогда картинка выровняется. Но, если честно, от Elementor лучше и вправду отказаться. Там частое явление, что один стиль конструктора перебивает собственный стиль в другом месте либо идет в противоречие со стилями темы. И иногда, когда описываешь данную проблему, она не решается довольно долго.

    • Ответ изменён 2 года, 6 месяцев назад пользователем ren334.
    • Ответ изменён 2 года, 6 месяцев назад пользователем ren334.

    спасибо, прописал ваш код в блок самого Elementor, почти получилось)

Просмотр 3 ответов — с 1 по 3 (всего 3)
  • Тема «Elementor сдвигает изображение влево» закрыта для новых ответов.