Glad it helped. The Tapestry CSS rule is probably much more specific than it needs to be.
On Mon, Sep 2, 2013 at 4:20 PM, Sanket Sharma <[email protected]>wrote: > Hey Bob, > > Thank you for the response. I tried what you suggested: > > body .t-error-popup span { > background:url('../images/ > error-bevel-left-blue.png') no-repeat; > } > > but unfortunately, that did not work either. However, I must thank you for > pointing me in the right direction. I read up a little on "specificity" and > that got me curious as to how the CSS is actually defined in Tapestry. I > downloaded the source and had a look at default.css and it contains the > following definition: > > > HTML>BODY DIV.t-error-popup SPAN { > background: transparent url('error-bevel-left.png') no-repeat; > } > > which is very 'specific'. So, now I know why my css wasn't working. I > changed my CSS to below: > > HTML>BODY DIV.t-error-popup SPAN { > background:url('../images/error-bevel-left-blue.png') no-repeat; > > } > > As both have same 'specificity' and as my css gets loaded after the default > (as rightly mentioned in the documentation), it overrides the default CSS. > Its all working now. > > Thank you very much for all your help and assistance. Much appreciated. > > Best Regards, > Sanket > > > > > > > > On Mon, Sep 2, 2013 at 6:37 PM, Bob Harner <[email protected]> wrote: > > > CSS problems like this are usually best solved by making the rule more > > *specific*. In CSS, the more specific rule wins. > > > > In simplistic terms, this means using more selectors. For example, just > add > > "body", like this: > > > > body .t-error-popup span { > > background:url('../images/error-bevel-left-blue.png') no-repeat; > > } > > > > https://www.google.com/search?q=css+specificity > > > > > > On Mon, Sep 2, 2013 at 11:39 AM, Thiago H de Paula Figueiredo < > > [email protected]> wrote: > > > > > On Mon, 02 Sep 2013 12:21:49 -0300, Sanket Sharma < > > [email protected]> > > > wrote: > > > > > > Is there an easy way to style the error messages in alpha 15? > > >> > > > > > > It's still CSS, but without bubbles. Just override the default styles > > > (from Twitter Bootstrap). As far as I can remember (Eclipse not opened > > > right now), in 5.4 the only JavaScript used is to show and hide the > HTML > > > elements containing the errors and to change their messages according > to > > > the inputs, which is less than 5.3 and before. > > > > > > > > > -- > > > Thiago H. de Paula Figueiredo > > > > > > > ------------------------------**------------------------------**--------- > > > To unsubscribe, e-mail: users-unsubscribe@tapestry.**apache.org< > > [email protected]> > > > > > > For additional commands, e-mail: [email protected] > > > > > > > > >
