Перейти к публикации
Поиск в
  • Дополнительно...
Искать результаты, содержащие...
Искать результаты в...

Фон во всю ширину страницы


 Поделиться

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

Всем привет!

Есть сайт
http://darisovkusom.ru/

На главной странице, где блок Рекомендуемых товаров, хочу растянуть градиентную заливку(background-image) во всю ширину страницы, то есть за пределы container, чтобы было как в шапке. Понятно что весь контент ниже шапки выводится в контейнере .container, с максимальной шириной 1170px. Но может как-то возможно задать для отдельного блока фон, выходящий за пределы блока?
В приложенном скриншоте то, как хочется)

screen.jpg

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


  • 2 недели спустя...

В таблице стилей /catalog/view/theme/pav_floral/stylesheet/stylesheet.css

.wrapping {
	padding-top: 100px;
	margin-bottom: 50px;
	background: url(/image/bg_pattern_new.png)25% 0% no-repeat,linear-gradient(182deg, #ffc43e, #fcdb45);
	-webkit-animation: AnimationName 30s ease infinite;
	-moz-animation: AnimationName 30s ease infinite;
	animation: AnimationName 30s ease infinite;
	@-webkit-keyframes AnimationName { 0%{background-position: 56% 0%} 50%{background-position:45% 100%} 100%{background-position:56% 0%} } @-moz-keyframes AnimationName { 0%{background-position:56% 0%} 50%{background-position:45% 100%} 100%{background-position:56% 0%} } @keyframes AnimationName { 0%{background-position:56% 0%} 50%{background-position:45% 100%} 100%{background-position:56% 0%} };
}

менем строку background на:

background: url(/image/bg_pattern_new.png),linear-gradient(182deg, #ffc43e, #fcdb45); 

 

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


Создайте аккаунт или войдите в него для комментирования

Вы должны быть пользователем, чтобы оставить комментарий

Создать аккаунт

Зарегистрируйтесь для получения аккаунта. Это просто!

Зарегистрировать аккаунт

Войти

Уже зарегистрированы? Войдите здесь.

Войти сейчас
 Поделиться

×
×
  • Создать...

Важная информация

На нашем сайте используются файлы cookie и происходит обработка некоторых персональных данных пользователей, чтобы улучшить пользовательский интерфейс. Чтобы узнать для чего и какие персональные данные мы обрабатываем перейдите по ссылке. Если Вы нажмете «Я даю согласие», это означает, что Вы понимаете и принимаете все условия, указанные в этом Уведомлении о Конфиденциальности.