Loading...
 

History: Updating a theme for Bootstrap

Preview of version: 1

 !! Module boxes
Tiki is using the Bootstrap "panels" component (see http://getbootstrap.com/components/#thumbnails for module boxes (and for the "box" plugin). Panels have a background color and a border, like this:

<div class="panel panel-default"> <div class="panel-body"> Basic panel example </div> </div>


To prevent the border and the background color and adjust the white space accordingly, add these CSS rules to your stylesheet:

panel { background-color: transparent; border: none; box-shadow: none; margin-bottom: 20px; } .panel-default { border-color: transparent; } .panel-default > .panel-heading { background-color: transparent; border: none; color: #333333; } panel-heading { border-bottom: none; border-radius: 0; padding: 10px 15px; } .panel-body { padding: 15px; }

History

Advanced
Information Version
Wed 27 of Nov, 2013 10:02 GMT luci 13
Mon 25 of Nov, 2013 13:47 GMT gezza 12
Sun 24 of Nov, 2013 15:51 GMT chibaguy Sign moved to after quote. 11
Thu 21 of Nov, 2013 06:00 GMT chibaguy Limiting to modules the scope of the rules. 10
Thu 21 of Nov, 2013 00:39 GMT chibaguy HTML shown for box with title 9
Thu 21 of Nov, 2013 00:38 GMT chibaguy HTML shown for box with title 8
Wed 20 of Nov, 2013 13:50 GMT chibaguy 7
Wed 20 of Nov, 2013 10:46 GMT gezza suggesting to use panel-body class 6
Wed 20 of Nov, 2013 06:35 GMT luci 5
Wed 20 of Nov, 2013 04:15 GMT chibaguy 4
Wed 20 of Nov, 2013 04:14 GMT chibaguy 3
Wed 20 of Nov, 2013 04:13 GMT chibaguy 2
Wed 20 of Nov, 2013 04:12 GMT chibaguy 1

Switch Theme

Layout

Subscribe to Tiki Newsletters!

Delivered fresh to your email inbox!
Newsletter subscribe icon
Don't miss major announcements and other big news!
Contribute to Tiki

Site Config