Willing to get your preset gallery looking special and having your own website style, attract more visitors and get higher conversion? – of course this is what you are constantly scratching your heads over trying to get use of as many custom options on your account as possible. And you might surely have noticed that your preset gallery Shopping Cart, Offers and Checkout pages are designed in a bit different way than the store other pages (this is because these pages are located in MyTemplateStorage.com source files so designed similarly to MyTemplateStorage.com). And though you are able to modify them via the account Custom settings you are quite limited with the facilities the options offer. So we thought you might find it useful getting some more tips and tricks from us on how to customize the visual presentation of the Shopping Cart, Offers, and Checkout pages of the preset gallery on your website via CSS.
CSS customization is what is defined as the page layout styles and classes modification allowing to flexibly alter the way they look. First you need to create a new styles file and place it into your store root css/ folder – you may store it under “custom-styles.css”. This is where you add new styles for the elements your are changing on your Shopping Cart, Offers and Email pages; the new ones will be replacing the styles of the major CSS-file on MyemplateStorage.com thus making the pages look different.
The table below will help you get better what elements presentation some classes and IDs refer to:
So, you’ve already edited your custom-styles.css file and for your new css document to start working you need to specify the route to it on your preset on http://www.mytemplatestorage.com/. For this you enter your affiliate admin area (using your login and password), navigate to Presets=>Preset settings and press “Edit” button next to your preset name. Then proceed to “Other settings”, enter the complete route to your customized CSS file into “Specify an URI of your CSS file for the preset (optional)” , like: https://yoursite.com/themes/default/css/custom-styles.css; and press “Submit”. One important detail should also be noted – the route to your customized CSS file as well as the other backgrounds this file has needs to be specified as having the https protocol (all these files need to be absolute i.e. having protocol and domain specified) – this will expedite your store pages loading.
Once you’ve done all this you’ve implemented new styles to your store).





