Excerpt |
---|
This document lists the panels available in Theme Builder 2.0 and their CSS classes and HTML IDs... |
Section |
---|
Column |
---|
Builder themed pages are organised in to several panels as illustrated below: Image Added |
Column |
---|
Each panel has a class and most have an ID allowing very precise control over style sheet settings: Center |
---|
Panel | Class | ID |
---|
Document | .atb-body | #document |
---|
Page | .atb-page | |
---|
Header Bar | .atb-header | #header |
---|
Menu Bar | .atb-menu | #menu |
---|
Navigation Bar | .atb-navigation | #navigation |
---|
Left Sidebar | .atb-leftSidebar | #leftSidebar |
---|
Left Slider | .atb-sliderleft | #sliderleft |
---|
Page Title | .atb-title | #title |
---|
Page Content | .atb-content | #content |
---|
Page Footntotes | .atb-footnote | footnote |
---|
Right Slider | .atb-sliderright | #sliderright |
---|
Right Sidebar | .atb-rightSidebar | #rightSidebar |
---|
Footer Bar | .atb-footer | #footer |
---|
|
|
|
Wherever possible, avoid using the ID in your style sheet as these may change in later versions of Builder.
FAQs
Expand |
---|
| I've added some styles but they aren't taking effect... |
---|
| I've added some styles but they aren't taking effect... |
---|
|
Try making them more specific, eg: Code Block |
---|
.atb-body .atb-content h1 {
color: red;
}
|
|
Wiki Markup |
---|
h1. Panel Classes and IDs
Builder themed pages are organised in to several panels as illustrated below:
!builder.config.allpanels.detail.png|align=right!
Each panel has a class and most have an ID allowing very precise control over style sheet settings:
{center}
||Panel||Class||ID||
||Document|.atb-body|#document|
||Page|.atb-page| |
||Header Bar|.atb-header|#header|
||Menu Bar|.atb-menu|#menu|
||Navigation Bar|.atb-navigation|#navigation|
||Left Sidebar|.atb-leftSidebar|#leftSidebar|
||Left Slider|.atb-sliderleft|#sliderleft|
||Page Title|.atb-title|#title|
||Page Content|.atb-content|#content|
||Page Footntotes|.atb-footnote|footnote|
||Right Slider|.atb-sliderright|#sliderright|
||Right Sidebar|.atb-rightSidebar|#rightSidebar|
||Footer Bar|.atb-footer|#footer|
{center} |