Elementor сдвигает изображение влево

  • konservat0r

    (@konservat0r)


    5 лет, 7 месяцев назад

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

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

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

Просмотр 3 ответов — с 1 по 3 (всего 3)
  • tuxfighter

    (@tuxfighter)

    5 лет, 7 месяцев назад

    Без Elementor все встает на свои места.

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

    ren334

    (@ren334)

    5 лет, 7 месяцев назад

    Видимо, вы вставляете картинку в текстовый блок. Так лучше не делать. 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 лучше и вправду отказаться. Там частое явление, что один стиль конструктора перебивает собственный стиль в другом месте либо идет в противоречие со стилями темы. И иногда, когда описываешь данную проблему, она не решается довольно долго.

    • Ответ изменён 5 лет, 7 месяцев назад пользователем ren334.
    • Ответ изменён 5 лет, 7 месяцев назад пользователем ren334.
    Автор konservat0r

    (@konservat0r)

    5 лет, 7 месяцев назад

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

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

Метки