Panel Classes and IDs

This document lists the panels available in Theme Builder 2.0 and their CSS classes and HTML IDs...

Builder themed pages are organised in to several panels as illustrated below:

Theme Builder Plugin > Panel Classes and IDs > builder.config.allpanels.detail.png

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

Try making them more specific, eg:
.atb-body .atb-content h1 {
 color: red;
}