Перейти до вмісту
Пошук в
  • Детальніше...
Шукати результати, які ...
Шукати результати в ...

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


Recommended Posts

Всем привет!

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

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

screen.jpg

Надіслати
Поділитися на інших сайтах


  • 2 weeks later...

В таблице стилей /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); 

 

Надіслати
Поділитися на інших сайтах


Створіть аккаунт або увійдіть для коментування

Ви повинні бути користувачем, щоб залишити коментар

Створити обліковий запис

Зареєструйтеся для отримання облікового запису. Це просто!

Зареєструвати аккаунт

Вхід

Уже зареєстровані? Увійдіть тут.

Вхід зараз

×
×
  • Створити...

Important Information

На нашому сайті використовуються файли cookie і відбувається обробка деяких персональних даних користувачів, щоб поліпшити користувальницький інтерфейс. Щоб дізнатися для чого і які персональні дані ми обробляємо перейдіть за посиланням . Якщо Ви натиснете «Я даю згоду», це означає, що Ви розумієте і приймаєте всі умови, зазначені в цьому Повідомленні про конфіденційність.