Access Keys:
Skip to content (Access Key - 0)

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:

Each panel has a class and most have an ID allowing very precise control over style sheet settings:

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

I've added some styles but they aren't taking effect...



Ask questions, get help and report bugs & issues on our Community Site

View old comments


Adaptavist Theme Builder Powered by Atlassian Confluence