Customizations include multiple areas for background image changes including the body and banner background, plus 40 different colors to customize.
This skin does NOT use any widgets from Pressero admin. Also, the home page banner image rotation is controlled through the Skins Options area and not the widgets area.
This skin allows for 12 image changes.
- Home Page Banner Image 960px X 0px
The single homepage banner image. The exact width must be used here to work best with the design. But, the height can be any size.
Be careful of the file size for this image. It is recommended that you keep the image file size at or below 100kb.
- Cart Icon 13px X 11px
The small icon located in the cart area of the left sidebar.
- Search Button Icon 18px X 18px
The small icon in the search area of the right sidebar.
- Navigation 2 Header 210px X 31px
The header of this area used to show text describing its contents.
- Featured Header 210px X 31px
The header of this area used to show text describing its contents.
- Contact Header 210px X 31px
The header of this area used to show text describing its contents.
- Share Header 210px X 31px
The header of this area used to show text describing its contents.
- Navigation 3 Header 210px X 31px
The header of this area used to show text describing its contents.
- Subscriber Header 210px X 31px
The header of this area used to show text describing its contents.
- Rss Header 210px X 31px
The header of this area used to show text describing its contents.
- Twitter Header 210px X 31px
The header of this area used to show text describing its contents.
- Recent History Header 210px X 31px
The header of this area used to show text describing its contents.
Before clicking "Upload Images," make sure to save any changes.
- 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.
- Top Nav Links
The default color of the top navigation links.
- Top Nav Links Hover
The default color of the top navigation links hover state.
- Side Bar Links
The default links for all sidebar areas including two navigation areas, featured product, Twitter and RSS feeds.
- Side Bar Links Hover
The default links hover state for all sidebar areas including two navigation areas, featured product, Twitter and RSS feeds.
- Footer Links
The default color of the footer navigation links.
- Footer Links Hover
The default color of the footer navigation links hover state.
- Product Image Borders
These borders wrap all product and category images within product/category lists in the content area.
- Product Image Shadows
The box shadow color behind product and category images.
- Product and Category Links
The default color of all product and category links.
- Product and Category Links Hover
The default color of all product and category links hover state.
- Page titles
All content page title.
- Major Buttons Background
All call to action buttons backgrounds throughout the site, such as the "Add to Cart" buttons.
- Major Buttons Background Hover
All call to action buttons background hover states throughout the site, such as the "Add to Cart" buttons.
- Major Buttons Text
All call to action buttons text colors throughout the site, such as the "Add to Cart" buttons.
- Central Page Content Background
Different from the body background this controls the central area background where product/category lists are held along with all other page content.
- Category and Product Image Background
The background color of the box wrapping every product and category.
- Category and Product Wrapper Border
This controls the border wrapping product/category images, title and other elements within category pages.
- Login Form Box Background
The background of the form on the login page.
- Top Bar Background
This is the small bar at the very top of the site above the logo.
- Search Area Background
This is the search area background in the header.
- Top Navigation Background and Footer Background
This is both the top nav and footer main background.
- Home page banner background
The color behind the banner image.
- Content Area Heading Text
The baisc html heading used throughout the site content areas, such as h1, h2, h3, etc...
- Top Nav Background Hover
The hover color for top navigation links
- Top Nav Nested Background
The background of the drop downs for the top navigation
- Top Nav Nested Background Hover
The background hover link colors for top navigation drop down links.
- Product Image Link Border
The border around product and category list images.
- Category/Product Image Background Hover
The color behind product and category images on hover.
- Product Asset Background
Product detail asset background color.
- Product Asset Text
Product detail asset text color.
- Product Asset Border
Product detail asset border color.
- Product Asset Background Hover
Product detail asset background hover color.
- Product Asset Text Hover
Product detail asset text hover color.
- Product Asset Border Hover
Product detail asset border hover color.
- 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.
- Instructions Background #d9edf7
The background color for instructions areas provided on multiple pages throughout the site. Instructions are added through admin site settings.
- Instructions Border #bce8f1
The border color for instructions areas provided on multiple pages throughout the site. Instructions are added through admin site settings.
- Instructions Text #31708f
The text color for instructions areas provided on multiple pages throughout the site. Instructions are added through admin site settings.
Add your twitter handle or RSS feed link here if you want them to appear in the sidebaNote: Pressero only supports UTF-8 encoded RSS feeds.r. 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.
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.
I Twitter Feed
If there is no twitter handle present in the skin options area the twitter feed will not show.
- RSS Feed
Not shown in image but will appear below Twitter feed when an RSS feed url is provided in skin options.
- 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
Not shown in this image. 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.