Page History

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:

unmigrated-wiki-markup

Column

Each

panel

has

a

class

and

most

have

an

ID

allowing

very

precise

control

over

style

sheet

settings:

Center

{center} ||Panel||Class||ID|| ||Document|

Panel	Class	ID
Document

.atb-body

|#document| ||Page|

	#document
Page	.atb-page

| | ||Header Bar|


Header Bar	.atb-header

|#header| ||Menu Bar|

	#header
Menu Bar	.atb-menu

|#menu| ||Navigation Bar|

	#menu
Navigation Bar	.atb-navigation

|#navigation| ||Left Sidebar|

	#navigation
Left Sidebar	.atb-leftSidebar

|#leftSidebar| ||Left Slider|

	#leftSidebar
Left Slider	.atb-sliderleft

|#sliderleft| ||Page Title|

	#sliderleft
Page Title	.atb-title

|#title| ||Page Content|

	#title
Page Content	.atb-content

|#content| ||Page Footntotes|

	#content
Page Footntotes	.atb-footnote

|footnote| ||Right Slider|

	footnote
Right Slider	.atb-sliderright

|#sliderright| ||Right Sidebar|

	#sliderright
Right Sidebar	.atb-rightSidebar

|#rightSidebar| ||Footer Bar|

	#rightSidebar
Footer Bar	.atb-footer

|#footer| {center

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

Page tree

Versions Compared

Old Version 2

New Version Current

Key

FAQs