Tabber Widget
(Difference between revisions)
(Added - →Customize Tabber Widget: section and "Adjust Height of TabberWidget OR Specific Tabs" sub-section. Removed "This page is waiting for Matt Danner." text. No more waiting because Bes is here!) |
|||
| Line 1: | Line 1: | ||
| − | + | ==Customize Tabber Widget== | |
| + | |||
| + | ====Extra Customizations Policies==== | ||
| + | [http://ithemes.com/codex/page/PluginBuddy#Extra_Customizations Check our the official policy and details on any Extra Customizations] | ||
| + | |||
| + | ====Adjust Height of TabberWidget OR Specific Tabs==== | ||
| + | |||
| + | You can easily adjust the height of each Tab inside the TabberWidget OR the entire Tabber Widget wrapper itself. Use the following styling template and customize the height to your own needs, and then put it in your theme's css file at the very end: | ||
| + | |||
| + | <pre code="css"> | ||
| + | #tabber_widget-4-content, #tab-tabber_widget-4-1, #tab-tabber_widget-4-2, #tab-tabber_widget-4-3 | ||
| + | /* tabber_widget-4-content is the TabberWidget in question, tab-tabber_widget-4-1 is the first tab, tab-tabber_widget-4-1 is the second tab, and so on. Make sure you change the actual tabber_widget-4-content and tab-tabber_widget-4 to your own tabberwidget id. */ | ||
| + | { | ||
| + | height: 350px; | ||
| + | } | ||
| + | </pre> | ||
| + | |||
| + | *Related link | ||
| + | **http://ithemes.com/forum/index.php?/topic/18291-tabber-widget-not-displaying-tab-content/ | ||
==Additional Resources== | ==Additional Resources== | ||
Revision as of 17:57, September 21, 2011
Contents |
Customize Tabber Widget
Extra Customizations Policies
Check our the official policy and details on any Extra Customizations
Adjust Height of TabberWidget OR Specific Tabs
You can easily adjust the height of each Tab inside the TabberWidget OR the entire Tabber Widget wrapper itself. Use the following styling template and customize the height to your own needs, and then put it in your theme's css file at the very end:
#tabber_widget-4-content, #tab-tabber_widget-4-1, #tab-tabber_widget-4-2, #tab-tabber_widget-4-3
/* tabber_widget-4-content is the TabberWidget in question, tab-tabber_widget-4-1 is the first tab, tab-tabber_widget-4-1 is the second tab, and so on. Make sure you change the actual tabber_widget-4-content and tab-tabber_widget-4 to your own tabberwidget id. */
{
height: 350px;
}
- Related link
