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:
|
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;
}
|
|