Замена фона на сайте

[denisn1]

друзья помогите плиз....

нужно на 2.1.0.2.1 ( в стоке) заменить фон.... (поставить картинку...) помогите.... плиз где и что поправить.... ....???

[admin]

вы надеюсь понимаете что картинка должна быть приличных размеров ?

в файле стилей catalog/view/theme/default/stylesheet/stylesheet.css первая строка

делаете отак

body {
  background: transparent url("путь к картинке") no-repeat scroll center top;
  color: #666;
  font-family: "Open Sans",sans-serif;
  font-size: 12px;
  font-weight: 400;
  line-height: 20px;
  width: 100%;
}

ну и опережая ваш следующий вопрос, прозрачным блокам задаете необходимый фон

[artemgalcev]

Сдаюсь!! Держаться нету больше сил)). Прошу помощи! Как изменить фон подвала 2.1.0.2.2 по всей ширине экрана. Менял в stylesheet.css фон подвала не работает. Где копать? Пользовался firebug/

Цитата

/* footer */
footer {
    
    background: transparent url("https://kolyaskimira.ru/image/fonfooter.jpg");
    border-top: 1px solid #ddd;
    color: #000;
}

 

[artemgalcev]

Вообще идея сделать сборный фон что бы в подвале земля с цветочками к примеру , в середине небо, а в хедере облака та и солнышко. Как это лучше реализовать, чтоб все ровно было? Какие приемы css использовать? 

[artemgalcev]

Сам отвечу на свой вопрос: В /catalog/view/javascript/bootstrap/css/bootstrap.min.css добавить стиль 

footer{background: transparent url("/image/ваша картинка.jpg")}

 

[jaffagold]

не делайте так никогда.

вы должны вносить изменения в свои файлы, а не в файлы бутстрап-а

 

Если какой-то ваш стиль не работает из-за стиля бутстрапа, то обычно:

или

в стиле через пробел пишут !important

или

или находят более длинный путь к элементу, тогда более стиль длинного элемента перевешивает стиль бутстрап.

 

То есть.

1.Сначала создаем папку с названием вашей темы в папке catalog\view\theme

2.В этой папке создаем папку template , а в ней папку common

А в нее копируем header.tpl из аналогичной папки шаблона default.

3.Там меняем путь к файлу стилей на ваш 

Скрытый текст

<link href="catalog/view/theme/vasha-tema/stylesheet/stylesheet.css" rel="stylesheet">

4.Также в вашей папке шаблона создаем папку stylesheet

и в нее копируете stylesheet.css из аналогичной папки шаблона default

И вот этот файл вы мучаете сколько угодно.

В самом низу дописываете нужные стили. Причем, то, что находится сверху будет вам подсказкой.

5. В настройках переключаетесь на свой шаблон.

Но всегда можете вернуться на шаблон default и у вас ничего не будет поломано.