Сообщений в теме: 8

[customer8765]

SL-388618
Шаблон Инфинити

Для оформления страниц хочу создать новый класс для тега <p> с новым свойством margin, например
.p_descr {margin-bottom: 30px;}
и далее <p class="p_descr">

Не работает.
Margin не меняется, куда этот класс не прописывай.
Если написать вручную
<p style="margin-bottom: 30px;">
тогда работает.

Как решить эту простейшую задачу?

[Vaccina]

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

Пришлите пожалуйста ссылку на страницу, чтобы просмотреть текст, к которому вы пытаетесь применить новые стили.

[customer8765]

Vaccina (17 Сентябрь 2017 - 07:05) писал:

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

Пришлите пожалуйста ссылку на страницу, чтобы просмотреть текст, к которому вы пытаетесь применить новые стили.

ТУТ

[customer8765]

Vaccina (17 Сентябрь 2017 - 07:05) писал:

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

Пришлите пожалуйста ссылку на страницу, чтобы просмотреть текст, к которому вы пытаетесь применить новые стили.

Сюда же еще одна похожая проблема.
Делаю класс для тега <span>
.back_highlight_color {background-color: #ff6600; color: #fff;}
помещаю его в user.css, подключаю user.css
<link rel="stylesheet" href="{ASSETS_STYLES_PATH}user.css" type="text/css" />

В мобильной версии не работает. Почему?

[Ирина345]

customer8765 (18 Сентябрь 2017 - 02:22) писал:

Сюда же еще одна похожая проблема.
Делаю класс для тега <span>
.back_highlight_color {background-color: #ff6600; color: #fff;}
помещаю его в user.css, подключаю user.css
<link rel="stylesheet" href="{ASSETS_STYLES_PATH}user.css" type="text/css" />

В мобильной версии не работает. Почему?

Здравствуйте, указанный стиль сработал у блока в левой части экрана.
Так же файл user.css подключен к сайту и работает.

[customer8765]

Ирина345 (18 Сентябрь 2017 - 10:34) писал:

Здравствуйте, указанный стиль сработал у блока в левой части экрана.
Так же файл user.css подключен к сайту и работает.

1. Что такое "блок в левой части экрана"?
Вот ТОВАР на сайте.
В обычной версии сайта стиль работает, в мобильной нет.

2.  А что с ответом на мой предыдущий вопрос?

[Stasya]

customer8765 (18 Сентябрь 2017 - 10:57) писал:

1. Что такое "блок в левой части экрана"?
Вот ТОВАР на сайте.
В обычной версии сайта стиль работает, в мобильной нет.

2.  А что с ответом на мой предыдущий вопрос?

Код

.p_descr {margin-bottom: 30px;}

применлся в левой колонке сайта под логотипом (скришот 1)
Что касаемо стиля

.back_highlight_color {background-color: #ff6600; color: #fff;}

то он у Вас так же применяется и на мобильных устройствах (скриншот 2 ). Попробуйте почистит кэш Вашего бразуера.

Прикрепленные изображения

• 
• 

[customer8765]

Stasya (18 Сентябрь 2017 - 11:24) писал:

Код

.p_descr {margin-bottom: 30px;}

применлся в левой колонке сайта под логотипом (скришот 1)
Что касаемо стиля

.back_highlight_color {background-color: #ff6600; color: #fff;}

то он у Вас так же применяется и на мобильных устройствах (скриншот 2 ). Попробуйте почистит кэш Вашего бразуера.

Причем тут левая колонка сайта? Я дал конкретную ссылку на описание товара. Вы можете ответить на конкретный вопрос, почему на странице товара не работает стиль
.p_descr {
font-family: 'Open Sans', sans-serif;
color: #073f34;
margin-bottom: 50px;
}

И откуда взялся код .p_descr {margin-bottom: 30px;} , на который вы ссылаетесь? Я его не на сайт не добавлял.
Вы что, внесли какие-то изменения?

[Stasya]

customer8765 (18 Сентябрь 2017 - 11:53) писал:

Причем тут левая колонка сайта? Я дал конкретную ссылку на описание товара. Вы можете ответить на конкретный вопрос, почему на странице товара не работает стиль
.p_descr {
font-family: 'Open Sans', sans-serif;
color: #073f34;
margin-bottom: 50px;
}

И откуда взялся код .p_descr {margin-bottom: 30px;} , на который вы ссылаетесь? Я его не на сайт не добавлял.
Вы что, внесли какие-то изменения?

Левая колонка здесь при том, что данный класс у Вас в ней так же присутствует, ранее Вы не уточняли, что речь идет именно об описании товара. Стиль к "p" не применяется по причине того, что другой класс, присвоенный "р" имеет больший вес, а в нем указан другой отступ. Чтобы начал применяться именно этот отступ Вам необходимо

.p_descr {
font-family: 'Open Sans', sans-serif;
color: #073f34;
margin-bottom: 50px;
}

заменить на

.p_descr {
font-family: 'Open Sans', sans-serif;
color: #073f34;
margin-bottom: 50px !important;
}