Re: Couple CSS questions

Adolfo Panizo Touzon said:
> ... I think you have two options to solve this:
>
> - One is adding* !important* (in order to overwrite the custom
> css for the datePicker) to your css rules.
> - The other one is create your custom * DatePickerStyle.css *and
> add it to your DatePicker class*.*

Another option is to increase the specificity of your CSS selector, so
that it takes precedence over Google's built-in style rules. My own
notes on GWT styling are located here, in case you find them useful:
http://zelea.com/project/votorola/a/web/context/web/gwt.css

--
Michael Allan

Toronto, +1 416-699-9528
http://zelea.com/

> 2012/4/24 Mike Dee <mdichiappari@gmail.com>
>
> > How is this for a strategy of tweaking the look of many of the GWT widgets
> > across an entire app? Copy standard.css into the project and name it
> > MyApp.css. Reference MyApp.css in the ClientBundle, like this:
> >
> > public interface MyAppResources extends ClientBundle
> > {
> > ...
> > @Source( "com/myapp/client/resources/MyApp.css" )
> > @CssResource.NotStrict
> > public MyAppStyles css();
> > ...
> > }
> >
> > And then just tweak the CSS in MyApp.css?
> >
> > That leads to the second question. So far, this strategy seems to work
> > fine. However, I'm having trouble with the DateBox. I simply want the
> > input area associated with the DateBox to have a smaller font size. So I
> > change this:
> >
> > .gwt-DateBox input {
> > width: 8em;
> > }
> >
> > to this:
> >
> > .gwt-DateBox input {
> > width: 8em;
> > font-size: 8pt;
> > }
> >
> > Seems to have no effect (see attached screenshot). Looking at the CSS in
> > Chrome (inspect element), the input item is definitely tagged as
> > ".gwt-DateBox". Any ideas?

--
You received this message because you are subscribed to the Google Groups "Google Web Toolkit" group.
To post to this group, send email to google-web-toolkit@googlegroups.com.
To unsubscribe from this group, send email to google-web-toolkit+unsubscribe@googlegroups.com.
For more options, visit this group at http://groups.google.com/group/google-web-toolkit?hl=en.