Targeting a single HTML element with CSS in Drupal 7 -
Targeting a single HTML element with CSS in Drupal 7 -
i re-style page title (h1) on 1 particular page (node) of drupal 7 site. best way of targeting single html element css on particular page?
obviously, want page title on other pages unaffected.
i using sub-theme of bartik, if create difference.
normally in of themes classes added body tag. unless using themes mothership can forcefulness remove such classes, these can pretty much handy. mothership provides settings enable/disable populating of body tag such classes.
use inspect element in chrome or firebug in firefox or developer toolbar in ie class represent <content_type>-<entity-type>-<id>
in <body>
tag in page want theme. illustration page-node-12
an illustration output omega theme below
<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">
an illustration body tag output bartic theme,
<body class="html not-front logged-in no-sidebars page-node page-node- page-node-33 node-type-team-member admin-menu coffee-processed">
then find specific selector node title, #page-title
or in case doesn't have id figure out rule select unique in page. illustration .page h1.title
now can use,
body.page-node-12 #page-title { /* css rule */ }
or
body.page-node-12 .page h1.title { /* css rule */ }
drupal drupal-7
Comments
Post a Comment