Я хотел бы переписать заголовок страницы (h1) только на одной конкретной странице (узле) сайта Drupal 7. Каков наилучший способ ориентации одного элемента HTML с CSS на определенную страницу?Ориентация на один элемент HTML с CSS в Drupal 7
Очевидно, что я хочу, чтобы название страницы на всех других страницах не было затронуто.
Я использую подтему Бартика, если это имеет значение.
Обычно в большинстве тем классы добавляются в тег тела. Если вы не используете такие темы, как mothership, где вы можете заставить его удалить такие классы, это может быть очень удобно. Даже Mothership предоставляет настройки для включения/отключения заполнения тегов тела такими классами.
Используйте элемент проверки в chrome или Firebug в Firefox или панель инструментов разработчика в IE, чтобы искать класс, который представляет что-то вроде <content_type>-<entity-type>-<id> в теге <body> на странице, которую вы хотите добавить в тему. Например page-node-12
Пример вывода для омега темы, как показано ниже
<body class="html not-front logged-in page-node page-node- page-node-8 node-type-page context-page admin-menu coffee-processed omega-mediaqueries-processed alpha-debug-processed responsive-layout-wide">
Пример тела вывода тегов для Bartic темы,
<body class="html not-front logged-in no-sidebars page-node page-node- page-node-33 node-type-team-member admin-menu coffee-processed">
затем найти конкретный селектор для вашего заголовка узла, который было бы, например, сказать #page-title или в случае, если у него нет идентификатора, определите какое-либо правило, чтобы выбрать его так, чтобы он был уникальным на странице. Например .page h1.title
Теперь вы можете использовать,
body.page-node-12 #page-title {
/* your css rule */
}
или
body.page-node-12 .page h1.title {
/* your css rule */
}
ли с помощью идентификатора на этом 'h1'? – rae1
Ничего, что бы это исключить из других узлов, я не думаю. – 24ma13wg
Drupal добавляет множество нагрузок в тело, чтобы идентифицировать каждую страницу, проверьте там. например для первой страницы вы можете использовать 'body.front h1 {...' – Clive