Here are the current CSS hooks at your disposal (alphabetical order). Many of them can be customized from within the control panel. The remainder would be customized by editing the /aom/cfg.css.php file.
| aom_ac |
Accent color |
| aom_bb |
Box bullets (e.g. Category box, etc...) |
| aom_bc |
Breadcrumb links |
| aom_bl |
Custom Box label text |
aom_bt
|
Custom Box text font, size, etc... |
| aom_c |
Body |
| aom_cb |
Body border |
| aom_ct |
Cart |
| aom_cte |
Cart text even |
| aom_cto |
Cart text odd |
| aom_ctle |
Cart line even |
| aom_ctlo |
Cart line odd |
| aom_ctm |
Cart message |
| aom_cts |
Cart subtotal |
| aom_d |
Date |
| aom_e |
Error message text |
| aom_hr |
Style, color, size of horizinal lines |
| aom_il |
Item link |
| aom_ir |
Item link regular |
| aom_l |
Location |
| aom_lt |
Location text |
| aom_ma |
Marketplace Amazon offer row color |
| aom_mb |
Marketplace bar color |
aom_mbox
New |
Merchant boxes that wraps around merchant info on "Select Options" item pages |
aom_mr[1-15]
New |
Up to 15 Merchant boxes can be displayed on "Select Options" item pages. These hooks let you color code merchant listings in the select box to the associated merchant box info |
| aom_mlf |
Marketplace link off |
| aom_mlo |
Marketplace link on |
| aom_mtf |
Marketplace link off |
| aom_mto |
Marketplace tab on |
| aom_n |
New item callout (e.g. New in the last 30 days) |
| aom_navcontainer |
Custom tab style (used in DIV).
For dozens of additional tab styles see the CSS Tab Designer by:
OverZone Software
http://www.highdots.com/css-tab-designer/
|
| aom_navlist |
Custom tab style (used in the UL tag) |
| aom_navactive |
Custom tab style (used in the selected A link) |
| aom_pb |
Price (buy) |
| aom_pl |
Price (list) |
| aom_po |
Price (on sale) |
| aom_sb |
Searchbar |
| aom_sbt |
Searchbar text |
| aom_sh |
Shipping text |
| aom_sl |
Subtitle text |
| aom_st |
Subtext |
| aom_sth |
Subtext highlighted |
| aom_stn |
Subtext normal |
| aom_t1 |
All CSS hooks related to the Rounded tab style |
| aom_t2 |
All CSS hooks related to the Square tab style |
| aom_t |
Text title |
| aom_tl |
Text logo settings |
| aom_tr |
Text regular |
| aom_ts |
Text small |
Customize Box Headings
To customize the header section of any Box such as adding a background image, etc, you would create rules associated with the Box name.
The Boxes available are:
SubcategoryBox
RelatedCategoryBox
NarrowByBrandBox
NarrowByPriceBox
NewReleaseBox
BestsellerBox
Information Box
CustomBox[index] (see instructions below)
So let's say you wanted to add a background image to the Category Box that repeats. You could add the following CSS entry to the cfg.css.php file (editing the url value to the actual url):
.CategoryBox {
background-image:url("http://url/to/picture.gif");
background-repeat: repeat;
background-color: #FFFFFF;
}
To customize any Custom Boxes you would reference "CustomBox[index here]".
So if you create 4 Custom Boxes, the order they appear in the Control Panel is the order
they get assigned index numbers. The first box would be referenced with CustomBox1, the
second box with CustomBox2 and so on.
.CustomBox1 {
background-image:url("http://url/to/picture.gif");
background-repeat: repeat;
background-color: #FFFFFF;
}
|
