XF 2.2 Отступ текста от краев

[SHERIFF]

Привет, хочется сделать отступы между текстом и краями фона.
Слишком уж близко текст находится к краю фона, особенно в статьях.
Если есть возможность, сменить бы чисто в статьях отступ.

Наверняка в bbWrapper надо бы копать, аль просто в extra less запихнуть отступ, хочется более грамотно, может в шаблонах стиля или дефолтных настройках можно сменить. Не хочется рисковать, дождемся знатоков, как лучше реализовать.

Пример, только необходимо для статей.

Пример

 

[IlyaPep]

Привет, хочется сделать отступы между текстом и краями фона.
Слишком уж близко текст находится к краю фона, особенно в статьях.
Если есть возможность, сменить бы чисто в статьях отступ.

Наверняка в bbWrapper надо бы копать, аль просто в extra less запихнуть отступ, хочется более грамотно, может в шаблонах стиля или дефолтных настройках можно сменить. Не хочется рисковать, дождемся знатоков, как лучше реализовать.

Пример, только необходимо для статей.

Пример

Посмотреть вложение 151002

.message--article .message-content
{
    padding: 0 50px;
}

 

[SHERIFF]

.message--article .message-content
{
    padding: 0 50px;
}

Есть ли правило, чтобы это срабатывало только на ПК версиях, игнорируя мобильные версии? Например по максимальной ширине или иному более логичному способу.
P.S. стиль считывает ширину максимальную, среднюю и минимальную под моб. версию (если это вовсе имеет значение)

 

[IlyaPep]

Есть ли правило, чтобы это срабатывало только на ПК версиях, игнорируя мобильные версии? Например по максимальной ширине или иному более логичному способу.
P.S. стиль считывает ширину максимальную, среднюю и минимальную под моб. версию (если это вовсе имеет значение)

@media(min-width: @xf-responsiveMedium)
{
    .message--article .message-content
    {
        padding: 0 50px;
    }
}

 

[SHERIFF]

@media(min-width: @xf-responsiveMedium)
{
    .message--article .message-content
    {
        padding: 0 50px;
    }
}

Отличный вариант, благодарю.

Мой более колхозный, но может кому-то пригодиться для более тонкой настройки. (1000px минимальное значение ширины экрана, при котором будет срабатывать правило)

@media screen and (min-width: 1000px)
{
    .message--article .message-content
    {
        padding: 0 50px;
    }
}