Velocity Reviews

Velocity Reviews (
-   HTML (
-   -   How do I override this CSS selector? (

jrockman13 06-02-2010 04:55 PM

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!

All times are GMT. The time now is 07:37 PM.

Powered by vBulletin®. Copyright ©2000 - 2014, vBulletin Solutions, Inc.
SEO by vBSEO ©2010, Crawlability, Inc.