Hi Michael, I noticed that
<link rel="stylesheet" href="http://www.southbayhappyhours.com/wp-content/themes/visionary/style.css"; type="text/css" media="screen" /> is before <script src="http://static.simile.mit.edu/exhibit/api-2.0/exhibit-api.js"; type="text/javascript"></script> Have you tried swapping their order? Another common problem is that you need to override a CSS class rule with the element tag name included. For example, instead of just .aClass { ... } use div.aClass { ... } David Michael JB wrote: > take a look at this page: http://www.southbayhappyhours.com/?page_id=3 > > You should see two columns, one on the left with the facets and one of > the right with the view. > > Take a look at the facets and you'll notice that the first letter of > each label is covered up a bit by some empty space, the space where > the checkbox goes. if you select one of the facets to activate the > checkbox, the box appears and continues to cover some of the first > letter of the label. this is the case for all of the labels. > > i've tried this exhibit in at least one other theme (the default > wordpress theme) and it appears as one would expect. in this theme, > though, i get the problem described above. > > now, before you say its a problem with wordpress and the theme, i've > attempted to style the elements in this theme in a way that i think > would fix the problem (i set the padding on > http://static.simile.mit.edu/exhibit/api-2.0/images/black-check.png to > 0). but, to me, it looks like my styles are being overridden by the > Exhibit styles. > > So what I'm asking is, what's the best way to go about styling > exhibit? :) > > Thanks for your help, > > Michael > > > On Oct 8, 11:23 pm, David Huynh <[EMAIL PROTECTED]> wrote: > >> Can you give us a URL to look at? It's hard to guess what went wrong >> otherwise. >> >> David >> >> Michael JB wrote: >> >>> Soooo.....no body styling Exhibit around here? :) >>> >>> On Mon, Oct 6, 2008 at 2:32 PM, Michael JB <[EMAIL PROTECTED] >>> <mailto:[EMAIL PROTECTED]>> wrote: >>> >>> First off, thanks to the folks that put together Exhibit...i'm loving >>> it! :) >>> >>> One thing I'm having problems with, though, is styling the elements >>> that make up the facets and views. Hopefully you can help me with a >>> particular problem. >>> >>> I have an exhibit with a facet defined like: >>> >>> <div >>> ex:role="facet" >>> ex:showMissing="false" >>> ex:scroll="false" >>> ex:expression=".city" >>> ex:facetLabel="City"> >>> </div> >>> >>> When the facet shows up, for each selection it has space for the check >>> box on the left and the city on the right. The space for the check >>> box is blank and off color from my background (i can deal with that) >>> but it covers the label for the city. >>> >>> What I'd like to do is pad either the check box space on the right or >>> the label on the left. >>> >>> I was able to find the element (using Google Chrome) named >>> "div.exhibit-flowingFacet-value-checkbox". I added that element to my >>> style sheet like this: >>> >>> div.exhibit-flowingFacet-value-checkbox { >>> position: absolute; >>> left: -20px; >>> padding-right: 10px; >>> margin: 0; >>> } >>> >>> When i reloaded the page, i still got the same thing; the check box >>> was covering the label. >>> >>> Now, my style definition may be wrong, but when I went back to inspect >>> the element, Chrome showed that my style had been overridden by the >>> default Exhibit style at >>> http://static.simile.mit.edu/exhibit/api-2.0/exhibit-bundle.css. >>> >>> My question is, how can I modify styles for Exhibit elements without >>> having them overridden by the default styles? >>> >>> Thanks for your help! >>> >>> Michael JB >>> >>> -- >>> MJB >>> >> > > > --~--~---------~--~----~------------~-------~--~----~ You received this message because you are subscribed to the Google Groups "SIMILE Widgets" group. To post to this group, send email to [email protected] To unsubscribe from this group, send email to [EMAIL PROTECTED] For more options, visit this group at http://groups.google.com/group/simile-widgets?hl=en -~----------~----~----~----~------~----~------~--~---
