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 -~----------~----~----~----~------~----~------~--~---
