Hi,

I am struggling to add a border to my article teasers.

I just want to be able to show a more definitive separation between teasers.

I may not wish to add a border for EVERY teaser, just per content type.

In node.css I tried:

.node .node-article .node-teaser {
border: 1px;
border-bottom-color:#CCCCCC;
}

also

.node-article .node-teaser {
border: 1px;
border-bottom-color:#CCCCCC;
}

......but to no avail :/

Can somebody help please.

Thanks.

Shaun

Comments

dawick’s picture

I cannot give you a direct answer but this might be a way to find it out:

- Have Firefox with FireBug installed (drupal module not required for this)
- Browse to the location of your teaser, right-click and select 'inspect element'
- Check in the FireBug html window that you have the right element
- Select the element, right click it and select 'copy CSS path'
- Use this path in your CSS theming (you can usually shorten it a bit)