...
The menus allow you to quickly customise the following attributes of the panel (click a link for more details):
- Background Settings - colour, image
- Border Settings - style, width, colour
- Position Settings - align, margin, padding, overflow
- Size Settings - width, height
- Text Settings - font, size, decoration, colour, formatting
...
This button allows you to edit the Panel Content (wiki notation and other panel-specific settings).
...
Expand |
---|
| How do I customise individual borders? |
---|
| How do I customise individual borders? |
---|
|
You have to add Custom CSS using the CSS Tab. To set the borders of the menu bar for example, you would use: Code Block |
---|
.atb-menu {
border-bottom-style: 1px dotted #000;
}
|
That would set the border to a 1 pixel dotted black line. For more information on the classes used to represent panels, see Panel Classes and IDs.
|
Expand |
---|
| How do I customise individual margins and padding? |
---|
| How do I customise individual margins and padding? |
---|
|
You have to add Custom CSS using the CSS Tab. To set the margins and padding of the title panel for example, you would use: Code Block |
---|
.atb-title {
margin-top: 5px;
padding-left: 10px;
}
|
That would set the margin above the panel to 5 pixels and add 10 pixes of padding to the left side of the panel. For more information on the classes used to represent panels, see Panel Classes and IDs.
|
Expand |
---|
| How do I set specific text styles in specific panels? |
---|
| How do I set specific text styles in specific panels? |
---|
|
You have to add Custom CSS using the CSS Tab. For example: Code Block |
---|
.atb-title h1 {
color: red;
}
|
That would set the heading 1 text colour, only in the title panel, to red. For more information on the classes used to represent panels, see Panel Classes and IDs.
|