Заказать CSS в меню заголовка - PullRequest
1 голос
/ 13 мая 2019

Я хочу перевести сайт с TYPO3 на Wordpress. Мой сайт почти готов, но есть проблема с меню заголовка. Мой заголовок должен иметь более темный фон при нажатии на определенную страницу на исходном веб-сайте. На моем тестовом веб-сайте на WordPress фон становится темнее только на первой странице.

Вот как выглядит фон при доступе к исходному веб-сайту и моему тестируемому веб-сайту:

front page background

и вот как это должно выглядеть при нажатии на "Angebote" рядом с "Домой":

second page background

Но вместо этого он остается таким же, как и для первого изображения, хотя показывает правильное содержание.

Поскольку я разрабатывал веб-сайт по своему вкусу, мне пришлось использовать инструмент инспектора, чтобы исправить некоторые ошибки, поэтому я сделал это и в этом случае, но не могу выяснить, как заказать цвет фона на разные страницы. Я также изучил HTML-код. Так как меню заголовка сделано самостоятельно, я не смог его найти.

Это часть HTML-кода для меню заголовка:

ul.navigationboxL {
  float: left;
  margin: 0px;
  padding: 0px;
  margin-left: 30px;
  margin-right: 10px;
  list-style-type: none;
  width: 700px;
  height: 32px;
  border-radius: 10px 10px 0px 0px;
  /*background-color: #00E12D;*/
  overflow: hidden;
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f7f7f7+0,eaeaea+54,c4c4c4+100,8ea6a2+100,829d98+100,4e5c5a+100,4e5c5a+100,4e5c5a+100 */
  background: #f7f7f7;
  /* Old browsers */
  background: -moz-linear-gradient(top, #f7f7f7 0%, #eaeaea 54%, #c4c4c4 100%, #8ea6a2 100%, #829d98 100%, #4e5c5a 100%, #4e5c5a 100%, #4e5c5a 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(top, #f7f7f7 0%, #eaeaea 54%, #c4c4c4 100%, #8ea6a2 100%, #829d98 100%, #4e5c5a 100%, #4e5c5a 100%, #4e5c5a 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #f7f7f7 0%, #eaeaea 54%, #c4c4c4 100%, #8ea6a2 100%, #829d98 100%, #4e5c5a 100%, #4e5c5a 100%, #4e5c5a 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f7f7f7', endColorstr='#4e5c5a', GradientType=0);
  /* IE6-9 */
}
<div class="Headermenubox">
  <ul class="navigationboxL">
    <li><a class="aktuell" title="Home" href="http://ten.nis">| Home</a></li>
    <li><a title="Angebote" href="http://ten.nis/?page_id=29">| Angebote</a></li>
    <li><a title="Sponsoring" href="http://ten.nis/?page_id=31">| Sponsoring</a></li>
  </ul>

Я пытался связываться с CSS на инструменте инспектора, который не работал. Любая помощь или совет приветствуется.

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...