class вертикального выравнивания в su-column

  • Resolved Ruslan Alex

    (@rusalexmuz)


    4 years, 8 months ago

    Подскажите как прописать class вертикального выравнивания контента в плагине Shortcodes Ultimate, в шордкоде колонок su-column
    Прописывал вот так

    .vertical-align {
    position: relative;
    top: 50%;
    transform: translateY(-50%);
    }

    vertical-align – это класс,

    С таким вариантом текс смещается вверх на началом тела страницы

Viewing 3 replies - 1 through 3 (of 3 total)
  • Thread Starter Ruslan Alex

    (@rusalexmuz)

    Tell me how to register a class for vertical alignment of content in the Shortcodes Ultimate plugin in the su-column column code
    I registered like this

    .vertical-align {
    position: relative;
    top: 50%;
    transform: translateY (-50%);
    }

    vertical-align is a class

    With this option, the tex moves up at the beginning of the page body

    Plugin Author Vova

    (@gn_themes)

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

    Вы можете добавлять любой CSS код на странице настроек плагина в поле Произвольный CSS код:

    Панель управления – Шорткоды – Настройки

    Thread Starter Ruslan Alex

    (@rusalexmuz)

    Спасибо за ответ. Я знаю и пытаюсь правильно это сделать, только не могу понять как.

    Нужно с помощью class вертикально выравнивать весь контент в колонках. Есть 2 варианта

    Здесь все колонки выравниваются и на мобильных не смещается:
    .su-row {
    display: flex;
    align-items: center }
    .vertical-align-middle {
    margin: 0
    }

    Во-втором варианте смещается вверх над всем контентом и все.

    .vertical-align-middle {
    position: relative;
    top: 50%;
    transform: translateY(-50%);
    }

    Подскажите как правильно записать class, чтобы с его помощью выравнивать весь контент по вертикали

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘class вертикального выравнивания в su-column’ is closed to new replies.