This skin allows for 3 background image changes.
Before clicking "Upload Images," make sure to save any changes.
- Body Background
The main background color.
- General Text
All basic text throughout the site, this does not include navigation areas or links.
- General Links
All basic content links throughout site, this does not include navigation.
- General Links Hover
All basic content links throughout site, this does not include navigation.
- Primary Bg
Mainly for future Bootstrap customization this will affect all elements with the 'bg-primary' CSS selector. Not currently used.
- Primary Text
Mainly for future Bootstrap customization this will affect all elements with the 'bg-primary' CSS selector. Not currently used.
- Primary Button Bg
This will affect all elements with the 'primary' CSS selector. Mainly the most important buttons on each page. Such as 'Add to Cart' or 'Checkout' buttons.
- Primary Button Text
This will affect all elements with the 'primary' CSS selector. Mainly the most important buttons on each page. Such as 'Add to Cart' or 'Checkout' buttons.
- Primary Button Border
This will affect all elements with the 'primary' CSS selector. Mainly the most important buttons on each page. Such as 'Add to Cart' or 'Checkout' buttons.
- Primary Button Hover Bg
This will affect all elements with the 'primary' CSS selector. Mainly the most important buttons on each page. Such as 'Add to Cart' or 'Checkout' buttons.
- Primary Button Hover Text
This will affect all elements with the 'primary' CSS selector. Mainly the most important buttons on each page. Such as 'Add to Cart' or 'Checkout' buttons.
- Primary Button Hover Border
This will affect all elements with the 'primary' CSS selector. Mainly the most important buttons on each page. Such as 'Add to Cart' or 'Checkout' buttons.
- Default Button Bg
This will affect all elements with the 'default' CSS selector. Mainly the secondary buttons on each page. Such as 'View Items' on the products list page or the 'continue shopping' button on the cart page.
- Default Button Text
This will affect all elements with the 'default' CSS selector. Mainly the secondary buttons on each page. Such as 'View Items' on the products list page or the 'continue shopping' button on the cart page.
- Default Button Border
This will affect all elements with the 'default' CSS selector. Mainly the secondary buttons on each page. Such as 'View Items' on the products list page or the 'continue shopping' button on the cart page.
- Default Button Hover Bg
This will affect all elements with the 'default' CSS selector. Mainly the secondary buttons on each page. Such as 'View Items' on the products list page or the 'continue shopping' button on the cart page.
- Default Button Hover Text
This will affect all elements with the 'default' CSS selector. Mainly the secondary buttons on each page. Such as 'View Items' on the products list page or the 'continue shopping' button on the cart page.
- Default Button Hover Border
This will affect all elements with the 'default' CSS selector. Mainly the secondary buttons on each page. Such as 'View Items' on the products list page or the 'continue shopping' button on the cart page.
- Muted Text
Mainly for future Bootstrap customization this will affect all elements with the 'text-muted' CSS selector. Not currently used.
- Info Bg
This will affect all elements with the 'alert-info' CSS selector. These info areas are throughout the site and can bee seen when specific page instructions are customized through Pressero admin. Site > Settings > Instructions.
- Info Text
This will affect all elements with the 'alert-info' CSS selector. These info areas are throughout the site and can bee seen when specific page instructions are customized through Pressero admin. Site > Settings > Instructions.
- Info Border
This will affect all elements with the 'alert-info' CSS selector. These info areas are throughout the site and can bee seen when specific page instructions are customized through Pressero admin. Site > Settings > Instructions.
- Danger Bg
This will affect all elements with the 'alert-danger' CSS selector. These alert areas are throughout the site and can bee seen when specific errors happen on a page.
- Danger Text
This will affect all elements with the 'alert-danger' CSS selector. These alert areas are throughout the site and can bee seen when specific errors happen on a page.
- Danger Border
This will affect all elements with the 'alert-danger' CSS selector. These alert areas are throughout the site and can bee seen when specific errors happen on a page.
- Success Bg
This will affect all elements with the 'alert-success' CSS selector. These alert areas are throughout the site and can bee seen when actions are completed successfully. A good example is on the order complete page when a user finishes checkout successfully.
- Success Text
This will affect all elements with the 'alert-success' CSS selector. These alert areas are throughout the site and can bee seen when actions are completed successfully. A good example is on the order complete page when a user finishes checkout successfully.
- Success Border
This will affect all elements with the 'alert-success' CSS selector. These alert areas are throughout the site and can bee seen when actions are completed successfully. A good example is on the order complete page when a user finishes checkout successfully.
- Danger Button Bg
This will affect all elements with the 'btn-danger' CSS selector. These are buttons around the site that will delete data. Such as the delete button on the cart page for each product added to the cart.
- Danger Button Text
This will affect all elements with the 'btn-danger' CSS selector. These are buttons around the site that will delete data. Such as the delete button on the cart page for each product added to the cart.
- Danger Button Border
This will affect all elements with the 'btn-danger' CSS selector. These are buttons around the site that will delete data. Such as the delete button on the cart page for each product added to the cart.
- Danger Button Hover Bg
This will affect all elements with the 'btn-danger' CSS selector. These are buttons around the site that will delete data. Such as the delete button on the cart page for each product added to the cart.
- Danger Button Hover Text
This will affect all elements with the 'btn-danger' CSS selector. These are buttons around the site that will delete data. Such as the delete button on the cart page for each product added to the cart.
- Danger Button Hover Border
This will affect all elements with the 'btn-danger' CSS selector. These are buttons around the site that will delete data. Such as the delete button on the cart page for each product added to the cart.
- Success Button Bg
This will affect all elements with the 'btn-success' CSS selector. These are buttons around the site that will add data. Such as the add new address button on the settings page, address tab.
- Success Button Text
This will affect all elements with the 'btn-success' CSS selector. These are buttons around the site that will add data. Such as the add new address button on the settings page, address tab.
- Success Button Border
This will affect all elements with the 'btn-success' CSS selector. These are buttons around the site that will add data. Such as the add new address button on the settings page, address tab.
- Success Button Hover Bg
This will affect all elements with the 'btn-success' CSS selector. These are buttons around the site that will add data. Such as the add new address button on the settings page, address tab.
- Success Button Hover Text
This will affect all elements with the 'btn-success' CSS selector. These are buttons around the site that will add data. Such as the add new address button on the settings page, address tab.
- Success Button Hover Border
This will affect all elements with the 'btn-success' CSS selector. These are buttons around the site that will add data. Such as the add new address button on the settings page, address tab.
- Warning Bg
Mainly for future Bootstrap customization this will affect all elements with the 'bg-warning' CSS selector. Not currently used.
- Warning Text
Mainly for future Bootstrap customization this will affect all elements with the 'bg-warning' CSS selector. Not currently used.
- Warning Border
Mainly for future Bootstrap customization this will affect all elements with the 'bg-warning' CSS selector. Not currently used.
- Top Nav Bg
The main background color for the top navigation area.
- Top Nav Link
The default link color for the top navigation.
- Top Nav Border
The default border color for the top navigation.
- Top Nav Link Hover
The link hover color for the top navigation.
- Top Nav Active
The link active color for the top navigation.
- Price Text
The color of the price text used in the pricing engine on product detail pages.
- Basic Panel Borders
Used in many places around the site these are the basic gray borders around elements such as the Banner on the home page and cart areas.
- Primary Panel Borders
Used for primary panels around the site namely the login form and cart/checkout summary.
- General Panel BG
This will affect the background of all panels basic and primary.
- General Panel Text
This will affect the text of all panels basic and primary.
- Panel Heading BG
This will affect heading background of all panels basic and primary.
- Panel Heading Text
This will affect heading text of all panels basic and primary.
- Product and Category Background
The background for the boxes surrounding products and categories on all list pages.
- Product and Category Border
The borders for the boxes surrounding products and categories on all list pages.
- Product and Category Text
The basic text for all product and category list items, not the name of the product or category.
- Footer Background
The main background area of the footer that goes across the full width of the site.
- Footer Text
The main text in the footer, does not include links.
- Pagination Text
This will affect the pagination for multiple pages of products and the pagination area on the order history grid.
- Pagination Border
This will affect the pagination for multiple pages of products and the pagination area on the order history grid.
- Pagination BG
This will affect the pagination for multiple pages of products and the pagination area on the order history grid.
- Pagination Hover Text
This will affect the pagination for multiple pages of products and the pagination area on the order history grid.
- Pagination Hover Border
This will affect the pagination for multiple pages of products and the pagination area on the order history grid.
- Pagination Hover BG
This will affect the pagination for multiple pages of products and the pagination area on the order history grid.
- Pagination Active Text
This will affect the pagination for multiple pages of products and the pagination area on the order history grid.
- Pagination Active Border
This will affect the pagination for multiple pages of products and the pagination area on the order history grid.
- Pagination Active BG
This will affect the pagination for multiple pages of products and the pagination area on the order history grid.
- Wells BG
Mainly for future Bootstrap customization this will affect all elements with the 'well' CSS selector. Not currently used.
- Wells Text
Mainly for future Bootstrap customization this will affect all elements with the 'well' CSS selector. Not currently used.
- Wells Border
Mainly for future Bootstrap customization this will affect all elements with the 'well' CSS selector. Not currently used.
- Main Content Background
The background of the main content, will be seen within the rich text editor in admin.
- Customize iFrame Background
The color of the eDocbuilder iframe background if used for any product.
- Header Background Color
The background color for the header at the top of the site.
- Product and Category Image Background
The background color behind all products and categories listed on category type pages.
- Product and Category Links
The color of all the links under product and category images on category type pages.
- Product and Category Links Hover
The hover color of all the links under product and category images on category type pages.
- User Info Background
Background color for items in users list.
- User Info Text
Text color for items in users list.
- User Info Border
Border color for items in users list.
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.
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.
C Banner
One single image banner without rotation.
D Cart Preview
Once there are items in the cart a preview of those items will show on mouse hover of this area.
E Search
Will search the site for products, categories and pages.
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.
N RSS Feed
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. Utilizing submenus for this navigation area is not advised.
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.
P Footer Logo
Same as the header logo just repeated.