Поддержка → Темы и шаблоны → Не меняется фон на странице

Не меняется фон на странице

  • chubaka101

    (@chubaka101)


    5 лет, 4 месяца назад

    Добрый день, в дополнительных стилях сделал фон для элемента, но он отображается только на главной странице, что делать? 

    .footer__border{
	background:url("images/bg-page-middle.png") repeat-y;
	width:100%;
}
Просмотр 5 ответов — с 1 по 5 (всего 5)
  • Модератор Yuri

    (@yube)

    5 лет, 4 месяца назад

    Относительные пути в конструкциях типа background:url("images/bg-page-middle.png") считаются от текущего url стиля. Если стиль добавлен в доп.стили кастомайзера, то путь будет считаться от урла текущей страницы (кастомайзер добавляет стили прямо в html), то есть, при включенном ЧПУ постоянно меняться. Такая же конструкция в файле xxx.css будет работать корректно, потому что урл xxx.css постоянный и не зависит от показываемой страницы, и картинка будет браться из субдиректории images/ директории, в которой находится xxx.css.

    Вывод: в доп.стилях кастомайзера использовать только абсолютные пути.

    Автор chubaka101

    (@chubaka101)

    5 лет, 4 месяца назад

    @yube, почему-то с абсолютным путем тоже не отображается на других страницах

    .footer__border{
background:url("wp-content/themes/twentysixteen/img/bg-page-top.png") repeat-y;
}
    • Ответ изменён 5 лет, 4 месяца назад пользователем chubaka101.
    • Ответ изменён 5 лет, 4 месяца назад пользователем chubaka101.
    • Ответ изменён 5 лет, 4 месяца назад пользователем chubaka101.
    Автор chubaka101

    (@chubaka101)

    5 лет, 4 месяца назад

    если этот код добавляю в файл styles.css, то вообще нигде не отображается, шаблон тот же

    Модератор Yuri

    (@yube)

    5 лет, 4 месяца назад

    почему-то с абсолютным путем тоже не отображается на других страницах

    
.footer__border{
background:url("wp-content/themes/twentysixteen/img/bg-page-top.png") repeat-y;
}

    Видимо, потому, что Вы не знаете, что такое абсолютный путь 🙁
    Абсолютный путь начинается от корня, то есть со слеша.
    background:url("/wp-content/themes/twentysixteen/img/bg-page-top.png")
    (если WP в корне сайта)

    Автор chubaka101

    (@chubaka101)

    5 лет, 4 месяца назад

    @yube, спасибо)

Просмотр 5 ответов — с 1 по 5 (всего 5)
  • Тема «Не меняется фон на странице» закрыта для новых ответов.

Просмотр