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!


  • 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.

| improve this answer | |

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