How do I override this CSS selector?

Jun 2, 2010
Reaction score
There are probably a ton of these, and I did try reading some and searching for an obvious answer...

page can be found at

I use firebug on FF to view the CSS code...

There are multiple css files called on the page. I believe the cascade priority is:


The image of the staff member is aligned in a way I don't like. I want it to align left with the text.

core.css contains this code:

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
background:none repeat scroll 0 0 transparent;
border:0 none;
outline:0 none;

I know what I need to change or remove is the "vertical-align" property. The trouble with editing the core.css is that it will affect the entire site.

The image is nested inside these tags:
<div style="width: 100px;" class="wf_employee_photo">
<a href="/staff.html?view=employee&amp;id=5">
<img border="0" width="100" alt="Renee Swinford" src="/media/com_workforce/employees/swinford_renee.jpg">

I can add an override to any of the CSS files, although I would prefer to edit the custom.css file.

What do I need to override? thanks!


Ask a Question

Want to reply to this thread or ask your own question?

You'll need to choose a username for the site, which only take a couple of moments. After that, you can post your question and our members will help you out.

Ask a Question