Panel Classes and IDs
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 |
---|
Wiki Markup |
---|
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}
|
|
|
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;
}
|
|