Фон для статической страницы в динамической теме

Question

Фон для статической страницы в динамической теме

Некоторые улучшения...

Используя некоторые модифицированные CSS:

.article-content,.entry-content {
    background-color:#8a0202;
}

Мне удалось на некоторых фоне статической целевой страницы ( http://www.sailingdee.com/p/welcometodee.html)

Однако фон не покрывает всю страницу (некоторые белые области все еще сохраняются).

И CSS применил цвет #8a0202 ко всему блогу, и я хочу только статическую страницу...

Вопросы: 1- Как расширить #8a0202 до всей целевой страницы? 2- Как применить CSS только к этой конкретной странице?

1

html css blogger blogger-dynamic-views

Источник

user9528416 23 мар '18 в 00:48

1 ответ

Решение

Другие вопросы по тегам html css blogger blogger-dynamic-views

user933980 23 мар '18 в 08:16 2018-03-23 08:16 · Accepted Answer · 2018-03-23 08:16

Чтобы убедиться, что CSS применяется только к этой конкретной странице, вам нужно будет обернуть эти стили в условный оператор Blogger. Поскольку условные операторы работают только внутри редактора шаблонов, приведенный ниже фрагмент кода необходимо будет вставить в HTML-вставку "Редактирование темы" в любом месте после <head> тег

<b:if cond='data:view.isPage &amp;&amp; data:view.pageId == 3526403800591689129'>
  <style>
    body{
      background-color:#8a0202;
    }
    .article-content,.entry-content {
      background-color:#8a0202;
    }
    .viewitem-panel div.viewitem-content, .viewitem-panel .article.hentry {
      background: #8a0202;
      border-image: none;
    }
  </style>
</b:if>

Число 3526403800591689129 является уникальным идентификатором, присвоенным странице http://www.sailingdee.com/p/welcometodee.html Blogger и его можно найти в строке URL-адреса при редактировании этой страницы с помощью панели инструментов Blogger

Страница будет выглядеть как на скриншоте ниже после внесения вышеуказанных изменений