- Body Background
The main background color.
- General Text
All basic text throughout the site.
- General Links
All basic links in content areas, may not change the links withing navigation areas.
- General Links Hover
All basic links hover state in content areas, may not change the hover state of navigation links.
- Primary Background
Background color for areas in skin labeled as primary, mainly the headers in the sidebar.
- Primary Text
Text color for areas in skin labeled as primary, mainly the headers in the sidebar.
- Primary Border
Border color for areas in skin labeled as primary, mainly the headers in the sidebar.
- Primary Button Background
Background color for all primary buttons such as "Add to cart", "Save" and "Login" buttons.
- Primary Button Text
Text color for all primary buttons such as "Add to cart", "Save" and "Login" buttons.
- Primary Button Border
Border color for all primary buttons such as "Add to cart", "Save" and "Login" buttons.
- Primary Button Hover Background
Background hover color for all primary buttons such as "Add to cart", "Save" and "Login" buttons.
- Primary Button Hover Text
Text hover color for all primary buttons such as "Add to cart", "Save" and "Login" buttons.
- Primary Button Hover Border
Border hover color for all primary buttons such as "Add to cart", "Save" and "Login" buttons.
- Secondary Background
Background color for areas in skin labeled as secondary, mainly the headers in the sidebar.
- Secondary Text
Text color for areas in skin labeled as secondary, mainly the headers in the sidebar.
- Secondary Border
Border color for areas in skin labeled as secondary, mainly the headers in the sidebar.
- Secondary Button Background
Background color for all buttons with secondary css (btn-secondary). Not currently used on this skin.
- Secondary Button Text
Text color for all buttons with secondary css (btn-secondary). Not currently used on this skin.
- Secondary Button Border
Border color for all buttons with secondary css (btn-secondary). Not currently used on this skin.
- Secondary Button Hover Background
Background hover color for all buttons with secondary css (btn-secondary). Not currently used on this skin.
- Secondary Button Hover Text
Text hover color for all buttons with secondary css (btn-secondary). Not currently used on this skin.
- Secondary Button Hover Border
Border hover color for all buttons with secondary css (btn-secondary). Not currently used on this skin.
- Default Button Background
Background color for all secondary buttons such as the cart button in header, edit buttons, and back to catalog.
- Default Button Text
Text color for all secondary buttons such as the cart button in header, edit buttons, and back to catalog.
- Default Button Border
Border color for all secondary buttons such as the cart button in header, edit buttons, and back to catalog.
- Default Button Hover Background
Background hover color for all secondary buttons such as the cart button in header, edit buttons, and back to catalog.
- Default Button Hover Text
Text hover color for all secondary buttons such as the cart button in header, edit buttons, and back to catalog.
- Default Button Hover Border
Border hover color for all secondary buttons such as the cart button in header, edit buttons, and back to catalog.
- Muted Background
Used on the checkout page for the billing, credit card and promo information.
- Muted Text
Used in the calculator "per piece" price, calculator file upload heading and calculator job name heading.
- Muted Border
Used on the checkout page for the billing, credit card and promo information.
- Info Background
Use for instruction and information prompts throughout site.
- Info Text
Use for instruction and information prompts throughout site.
- Info Border
Use for instruction and information prompts throughout site.
- Account Bar Link
Links for the top account bar.
- Account Bar Link Hover
Links hover for the top account bar.
- Account Bar Dropdown Background
Used in the drop down on the account bar only shown on small screens.
- Account Bar Dropdown Border
Used in the drop down on the account bar only shown on small screens.
- Vertical Nav Background
Used in the sidebar navigation areas.
- Vertical Nav Border
Used in the sidebar navigation areas.
- Vertical Nav Text
Used in the sidebar navigation areas.
- Vertical Nav Text Hover
Used in the sidebar navigation areas.
- Vertical Nav Bg Hover
Used in the sidebar navigation areas.
- Danger Background
Use for all alerts with (alert-danger) css selector. By default these alerts are red.
- Danger Text
Use for all alerts with (alert-danger) css selector. By default these alerts are red.
- Danger Border
Use for all alerts with (alert-danger) css selector. By default these alerts are red.
- Success Background
Use for all alerts with (alert-success) css selector. By default these alerts are green.
- Success Text
Use for all alerts with (alert-success) css selector. By default these alerts are green.
- Success Border
Use for all alerts with (alert-success) css selector. By default these alerts are green.
- Danger Button Background
Use for all buttons with (btn-danger) css selector. Used for all buttons that will delete data.
- Danger Button Text
Use for all buttons with (btn-danger) css selector. Used for all buttons that will delete data.
- Danger Button Border
Use for all buttons with (btn-danger) css selector. Used for all buttons that will delete data.
- Danger Button Hover Background
Use for all buttons with (btn-danger) css selector. Used for all buttons that will delete data.
- Danger Button Hover Text
Use for all buttons with (btn-danger) css selector. Used for all buttons that will delete data.
- Danger Button Hover Border
Use for all buttons with (btn-danger) css selector. Used for all buttons that will delete data.
- Warning Background
Use for all alerts with (alert-warning) css selector. By default these alerts are yellow.
- Warning Text
Use for all alerts with (alert-warning) css selector. By default these alerts are yellow.
- Warning Border
Use for all alerts with (alert-warning) css selector. By default these alerts are yellow.
- Top Nav Background
Main background color for the top nav, navigation menu 1.
- Top Nav Link
Main link color for the top nav, navigation menu 1.
- Top Nav Border
Main border color for the top nav, navigation menu 1.
- Top Nav Link Hover
Main link hover color for the top nav, navigation menu 1.
- Top Nav Active
Main active background color for the top nav, navigation menu 1.
- Price Text
Used for the price number on the product detail calculator.
- Basic Borders
Used as the basic border color for many elements over the site. Such as the banner, tabbed areas, page CAPTCHA, suggested selling and featured product area.
- Sidebar Content Background
Main background color for all non-navigation items in the sidebar.
- General Content Background
Used in many panels across the site including the login panel and settings page user info areas.
- Sidebar Heading Primary
Sidebar header text color for navigation and featured product.
- Sidebar Heading Secondary
Sidebar header text color for contact block, recent history, twitter and RSS.
- Account Bar Background
Background color for the top account bar.
- Account Bar Border
Border color for the top account bar.
- Sidebar Nav Secondary Background
Background color for contact block, recent history, twitter and RSS.
- Sidebar Nav Secondary Border
Border color for contact block, recent history, twitter and RSS.
- Product and Category Background
Background color for each product and category listed on category pages.
- Product and Category Border
Border color for each product and category listed on category pages.
- Product and Category Text
Text color for each product and category listed on category pages.
- Breadcrumb Area Background
Background color for breadcrumb area on category and product detail pages.
- Breadcrumb Link Text
Link color for breadcrumb area on category and product detail pages.
- Breadcrumb Active Text
Active area color for breadcrumb area on category and product detail pages.
- Footer Background
The main footer background color behind the navigation and footer content that extends the full width of the page.
- Account Bar Link Background
Background color for the links in the top account bar.
- Account Bar Link Bg Hover
Background hover color for the links in the top account bar.
- Main Content Background
The main content is the area of content that is not the sidebar header or footer and usually contains specific page details.
- Customize iFrame Background
Used to color background of forms based eDocBuilder iframe templates.
- Payment Method Tab Background
The payment method area on the checkout page.
- Payment Method Form Background
The payment method form on the checkout page.
- Payment Method Form Border
The payment method form border on the checkout page.
Add your twitter handle or RSS feed link here if you want them to appear in the sidebar. Or leave blank to remove them from the site.
O Account Bar
The account bar is specific to some responsive skins and features normal functionality that exists on all Pressero sites. This area cannot be customized through Pressero admin beyond color changes. But, this area will adjust depending on options made available in the site admin area.
A Logo
The logo area is formatted to fit horizontal logos best. See this article for best practices in customizing the logo area.
B Navigation Menu 1
There is limited space for this menu, in order to not have the menu items move to two lines you should nest navigation items or reduce the amount of items. Be mindful that this navigation will try to adjust to device sizes also and will look different depending on the device.
C Banner
A multi image rotating banner customized in Pressero admin through the widgets area of the site.
D Cart Preview
Once there are items in the cart a preview of those items will show on mouse hover of this area.
D Search
Will search the site for products, categories and pages.
E Not Used
For previous skins of this type this area was used for a search box for this skin the search has been folded into a button.
F Navigation Menu 2
If no items exist in this navigation area it will not display. Customizing the heading of this navigation area is only possible through custom skinning.
G Featured Product
This area is random, on page load a random produce will be chose from the list of products that are indicated as featured. To remove this area you must have no products marked as featured.
H Navigation Menu 3
If no items exist in this navigation area it will not display. Customizing the heading of this navigation area is only possible through custom skinning.
I Twitter Feed
If there is no twitter handle present in the skin options area the twitter feed will not show. Customizing the heading of this area is only possible through custom skinning.
- Rss Feed
Not shown in image but will appear below Twitter feed when an RSS feed url is provided in skin options. Customizing the heading of this area is only possible through custom skinning.
- Subscriber Logo
Not shown in this image. The subscriber logo will show in the sidebar if the site is B2B and the skin options has the "Show Subscriber Logo" option enabled.
J Contact Block
This area will not show if the contact block content is empty. To customize this area go to Site > Settings > Content > Contact Block.
K Tagline
If there is no tagline present this area will not show. You can add a site tagline through the site settings area.
- Content Share Links
This area will not show if the share links content is empty. To customize this area go to Site > Settings > SEO/HTML > Share links.
L Navigation Menu 4
If no items exist in this navigation area it will not display. There is limited space for this menu, in order to not have the menu items move to two lines you should nest navigation items or reduce the amount of items.
M Footer Content
This area will not show if the footer content is empty. To customize this area go to Site > Settings > Content > Footer Content.
N Featured List
A list of all featured items which can be scrolled left and right. In order to remove this area you must not have any products set as featured.