Изменение фона определённых позиций


VSpicy
 Поделиться

Рекомендуемые сообщения

Всем привет!

Подскажите пожалуйста что в stylesheet.css поправить чтоб был белый фон под текстом и логотипом YES! (https://eros-city.ru/index.php?route=product/manufacturer/info&manufacturer_id=8)

Заранее всем огромное спасибо!!!

Ссылка на комментарий
Поделиться на других сайтах

14 минуты назад, jaffagold сказал:

#logo {
    background: #fff;
}

или

#logo a {
    background: #fff;
    display: inline-block;

    padding: 5px;
}

Увы не работает...

Прописывал stylesheet.css

Ссылка на комментарий
Поделиться на других сайтах

Не вижу, чтобы вы это прописали.

Это не может не работать. Внимательнее... вставьте в конец файла. Сохраните. Перезагрузите страницу Ctrl+F5

Ссылка на комментарий
Поделиться на других сайтах

14 минуты назад, jaffagold сказал:

Не вижу, чтобы вы это прописали.

Это не может не работать. Внимательнее... вставьте в конец файла. Сохраните. Перезагрузите страницу Ctrl+F5

Вот сейчас еще раз прописал!

Белый фон не появился в нужных позициях...(

Ссылка на комментарий
Поделиться на других сайтах

прекрасно прописался и выводится

а зачем вы или прописали туда? ))

Сорри. Я вам под главным лого написал

 ща... 3 сек

фон для текста YES!

#content > h1:nth-of-type(1) {
    background: #fff;
    display: inline-block;
    padding: 5px;
}

Но  надо проверить, как это отразится на других страницах сайта

Возможно, придется уточнить селектор и добавить еще класс body

типа:

body[class^="product-manufacturer"] #content > h1:nth-of-type(1) {
    background: #fff;
    display: inline-block;
    padding: 5px;
}

Единственное, что я не понял про логотип YES, что требуется. Там планируется png использовать ? Иначе зачем фон под картинку? Если только под картинкой, то получается слишком сложно.

, проще прописать класс в .tpl

 

body[class^="product-manufacturer"] #content > h1 + .row > .col-sm-2 .img-thumbnail {
    background: #fff;
}

 

А если вам белым сделать фон для блока контента

то тогда так и говорите.

#content {
    background: #fff;
}

Ссылка на комментарий
Поделиться на других сайтах

1 час назад, jaffagold сказал:

Если только под картинкой, то получается слишком сложно

Если убрать

#logo {

margin: 0 0 10px 0;

}
То пустого пространство под картинкой не будет.
Если нужно сохранить высоту, то вот так:

#logo {

background: #fff;

padding-bottom: 10px;

}

Ссылка на комментарий
Поделиться на других сайтах

та не...

я понял это не сразу, надо не лого сайта, а лого производителя YES и описание.

Но там не все так просто.

там с границами блоков потом приходится играться, чтобы подровнять.

Мне больше нравится вариант, когда выделяется целиком вся вертикальная полоса по ширине контента и заливается белым фоном.

 

Ссылка на комментарий
Поделиться на других сайтах

Присоединяйтесь к обсуждению

Вы можете опубликовать сейчас и зарегистрироваться позже. Если у вас есть учётная запись, войдите, чтобы публиковать под своей учётной записью.

Гость
Ответить в тему...

×   Вы вставили отформатированное содержимое.   Удалить форматирование

  Разрешено не более 75 эмодзи.

×   Ваша ссылка была автоматически встроена.   Показать вместо этого как ссылку

×   Ваш предыдущий контент был восстановлен.   Очистить редактор

×   Нельзя вставлять изображения напрямую. Загрузите или вставьте изображения по URL.

 Поделиться

  • Сейчас на странице   0 пользователей

    • Нет пользователей, просматривающих эту страницу