Инструмент разработчика показывает CSS, который я не могу найти для редактирования

Question

Вероятно, это новая проблема, которую очень легко решить.

Вот мой сайт

Я пытаюсь изменить цвет фона переноса меню: рамка вокруг слов INFO.

Используя инструменты разработчика Chromes, я смог обнаружить, что цвет фона исходит из строки CSS 43

Это моя проблема

body #menu_wrap, #topmenu ul li ul li{ background:#302F2F url("http://blergh.us/wp-content/themes/theron-lite/images/transblack.png") repeat!important;}

Однако правила CSS не существует, когда я пытаюсь редактировать. Вместо этого я нахожу этот мусор:

#menu_wrap{width:1000px; float:left; background:#7d928f url(images/menu_wrap.png) repeat;}
#topmenu{text-align:center;}
.menu-header{margin:auto; padding:0; display:block;}
#topmenu ul{ margin:0; padding:0;}
#topmenu ul li{list-style-type:none; display:inline-block; position:relative; margin-top:0px;padding:25px 15px;}
#topmenu li a{ font-size:18px; color:#fff;}
#topmenu ul > li:hover{  background:#7d928f url(images/transblack.png) repeat;}
#menu-icon{display:none;}

Где скрывается мой CSS?

Answer 1

Все ответы выше верны, но на самом деле они не отвечают на ваш вопрос. CSS должен быть найден в клиентском HTML, это правильно. Но как вы редактируете это?

Я предполагаю, что вы работаете на сайте Wordpress (не можете получить доступ к ссылке, которую вы разместили, но из CSS, который вы разместили, это понятно). Wordpress позволяет плагинам работать на стороне сервера. Эти плагины могут динамически добавлять CSS на любую страницу. Вероятно, что CSS в вашем qquestion внедряется с помощью плагина.

Чтобы выяснить, какой плагин генерирует этот CSS, вы можете попробовать отключить каждый плагин по одному. Когда вы видите, что CSS больше не импортируется, вы нашли виновного.

Answer 2

Если вы используете Google Chrom, нажмите правую кнопку мыши, чтобы проверить элемент. На панели CSS Соответствующие правила CSS он показывает blergh.us, который является вашей домашней страницей.

Это означает

body #menu_wrap, #topmenu ul li ul li{ background:#302F2F url("http://blergh.us/wp-content/themes/theron-lite/images/transblack.png") repeat!important;}

Находится на странице.

Просто щелкните правой кнопкой мыши на вашем доме. Посмотрите на последний тег стиля прямо выше </head>

Вы найдете свой стиль

<style type="text/css" id="custom-background-css">
body.custom-background { background-color: #ffffff; background-image:   url('http://blergh.us/wp-content/uploads/2013/06/DAMASK.jpg'); background-repeat: repeat; background-position: top center; background-attachment: scroll; }

Answer 3

Проблема в Theme Functions (functions.php),

body #menu_wrap, #topmenu ul li ul li{ background:#302f2f url("<?php echo get_template_directory_uri(); ?>/images/transblack.png") repeat!important;}

Изменить здесь #302f2f с вашим цветом.

Answer 4

Похоже, вы устанавливаете фон элемента списка, который перекрывает фон

body #menu_wrap, #topmenu ul li ul li{ background:#302F2F url("http://blergh.us/wp-content/themes/theron-lite/images/transblack.png") repeat!important;}

изменить это на это

#topmenu ul li ul li{ background:#302F2F url("http://blergh.us/wp-content/themes/theron-lite/images/transblack.png") repeat!important;}