Overide Blueprint

35 views
Skip to first unread message

SR8

unread,
Jun 8, 2011, 9:42:06 AM6/8/11
to Blueprint CSS
Hi,

Is there a way to override the styling provided by blueprint in
specific instances?

For example, working in asp .net certain controls are automatically
rendered as html tables, but for those specific instances I want
Blueprint's css styling to be ignored.

In other words is there a class where no formatting is applied?

Thanks.

Denis BEURIVE

unread,
Jun 8, 2011, 11:33:01 AM6/8/11
to bluepr...@googlegroups.com
Hello,

This question has already been asked. We do not find an easy way to do this.

One way is to use "frames".

The other way I have suggested involves the use of a script that extracts all properties from a given set of CSS files. The script has been quickly written using Perl. But I've never tested it in real world situations... I am not totally sure that it can work (I mean: some CSS may be tricky).

Regards,

Denis

2011/6/8 SR8 <shiv...@gmail.com>

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


Jim Russell

unread,
Jun 8, 2011, 11:31:41 AM6/8/11
to bluepr...@googlegroups.com
presumably you would either include your own css for the table, or you would comment out blueprints css for tables.

Daniel Warner

unread,
Jun 8, 2011, 12:12:06 PM6/8/11
to bluepr...@googlegroups.com
I had this issue. As far as I could tell there is no clean way to stop the cascade.
In most instances I used firebug to copy/paste the 'computed styles' into new classes and reset them all to default.

Franz Josef Kaiser

unread,
Jun 9, 2011, 10:41:38 AM6/9/11
to bluepr...@googlegroups.com
It depends a little on your setup and how you add classes & ids. One good "rule" is to add an ID to every main element below your ".container" (example: header, main-content, footer, etc.) and then classes to every sub-element container in there (example: menu, logo, etc.). This way you override blueprint css specifications with ease: Just go for a higher specifity with your custom stylesheet and load it after blueprint stylesheets were loaded. Then override the following definitions:

table {margin-bottom:; width:;}
th {font-weight:;}
th, td, caption {padding:;}
thead th,tbody tr:nth-child(even) td, tbody tr.even td,caption {background:;}
tfoot {font-style:;}
Reply all
Reply to author
Forward
0 new messages