WebStore by Amazon 3.5.1: Merchant Manual
37
Code Snippet Library
There are several options to add a new look or functionality to your WebStore. The
following code snippets can be used to customize your WebStore. Please follow the
inline documentation.
Add a Repeating Background Image
<style type="text/css"> <!-- /*Add a vertical-repeating background image to the
body of the WebStore that has been uploaded to the Image Library in a Image
Widget*/ body { background-repeat: repeat-y; background-position:center top;
background-image: url(/images/bg.gif); }
Set Font Properties
/*Set the font properties for the WebStore*/ body, td, p, p.subcontent{ font-family:
Arial, Helvetica, sans-serif; font-size: small; color: #3B3B3B; }
Increase the Size of Your Logo
/*Extend the width of the logo to fill the entire header using an image uploaded to
the Image Library from an Image Widget*/ .logo { background-repeat: no-repeat;
background:url(/images/header_bg.gif); width: 760px; height: 85px; }
Create a Custom Heading 1 tag
/*Set the font properties for the Heading 1 tag*/ h1{ font-size: medium; color:
#CB2C31; } /* topnav*/
Customize the Top Navigation
/*Replace the vertical dots image separating the top navigation links with a solid
grey bar*/ .navDots{ width:1px; background-image: none; background-
color:#D1D1D1; }
Set Font Properties for Top Navigation
/*Set the font properties for the top navigation links*/
a.topNav:link,a.topNav:visited{ color:#213184; font-weight:bolder; }
Customize the Top Navigation Links
/*This CSS turns the top navigation links into buttons using “display:block”, a fixed
height and padding, and a background image uploaded to the Image Library from an
Image Widget*/ a.topNav { height: 24px; display:block; text-decoration:none;
color: #213184; font-weight:bolder; font-size:smaller; padding:6px 3px; border-
top: 0; border-bottom: 0; background-color:#F0F0F0; background-image:
url(/images/top_nav_off.gif); background-repeat: repeat-x; }
Make Top Navigation Buttons Three-Dimensional
