myPFstore Documentation : Additional CSS
Document Date: 5 September 2008 / Version 1.0
Important CSS to use.
myPFstore adds anumber of extra classes to your store setup which can be further used to improve the user experience or further customize the look and feel of your Printfection store. There are two type of additional CSS:
- Printfection Store CSS - CSS that needs to be added to your Printfection Custom CSS, particularly to control how the Shopping Cart popup appears.
- myPFstore CSS - CSS that you can use to further customize your store. This can either be in your Printfection Custom CSS (standard mode) or in your own CSS file that you have on your own server (Advanced Mode).
Printfection Store CSS
- The followingCSS should be used to customize the look of the popup shopping cart. The following needs to be added to your store's Custom CSS in the setting for your store:
.myPFstoreCart {background: #ffffff; color: #000000}
myPFstore CSS
- Large Product Image - the large product (shirt, bag, etc) image on the product detail page can be styled using the following CSS::
.largeImage {border: 3px solid #cc00cc; padding: 5px; background: #00cccc}
- Add to Cart Button - The "Add to cart" button on the product detail page can be styled using the following CSS:
.addToCart {background: #ccc; color: #000044; font-weight: bold}
- Product Description - The product description provided by Printfection that appears under yours, can be styled using the following CSS:
.prodDescPF {background: #ccc; color: #000044; font-weight: bold}
Customizing CSS for the linked content.
The linked content from your Printfection Store is displayed using the standard layout. To learn more about the class names and IDs that can be used for customizing using CSS, refer to the Printfection Help page.Tour custom CSS can be stored in either your Printfection Store's custom CSS settings or within a CSS file on your server.
Next Step:Troubleshooting