I've created a frontpage which uses a the 34/33/34 panel layout and linked different contents to it (another pages). By checking the code using Firebug i see that teasers on this front page inherited the H2 class settings for header text, so they appear with the same text size just as they appear in full content view.

I'd like to customize the size of the header texts of the teasers on the front page. Any suggestion welcomed!


closed as off-topic by Bala, Mołot, Jimajamma, Free Radical, AjitS Jan 21 '14 at 5:38

This question appears to be off-topic. The users who voted to close gave this specific reason:

  • "Questions on programming, PHP, SQL, etc. that do not relate directly to Drupal are off-topic here, but can be asked on Stack Overflow." – Mołot, Jimajamma, Free Radical, AjitS
If this question can be reworded to fit the rules in the help center, please edit the question.

  • Hello and welcome. If this is generic HTML / CSS question, it is off-topic here. Might be on-topic on Webmasters or Stack Overflow. – Mołot Jan 20 '14 at 20:16

Just use CSS to alter the size of your H2 elements on the home page.

Replace in this code XX by the desired font-size, and it will apply to all h2 elements but only on the home page (body.front)

body.front h2 {

Otherwise, learn CSS to understand how to select your specific elements.

Not the answer you're looking for? Browse other questions tagged or ask your own question.