Velocity Reviews

Velocity Reviews (http://www.velocityreviews.com/forums/index.php)
-   HTML (http://www.velocityreviews.com/forums/f31-html.html)
-   -   How do I override this CSS selector? (http://www.velocityreviews.com/forums/t724636-how-do-i-override-this-css-selector.html)

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 cbcneenah1.info/staff.html

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:

core.css
custom.css
workforce.css

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:

Quote:

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;
font-size:100%;
margin:0;
outline:0 none;
padding:0;
vertical-align:baseline;
}
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:
Quote:

<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">
</a>
</div>
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.