Documentation

Read me for Boutique theme

========================

v1.0.0 by Made Simple Media | www.madesimplemedia.co.uk | info@madesimplemedia.co.uk

You can use this theme for personal or commercial use.  If you are able to leave the link in to my site that would be great, but if not that's ok too.

Hope you enjoy the theme, if you have any trouble with it please let me know!

Installation
-------------
1) Unzip the file into your site's /packages/ directory.
2) Login to your site as an administrator.
3) Go to the "Add Functionality" page in your dashboard.
4) Click to "install" the package in the list of packages awaiting installation.
5) Go to "Themes" in the dashboard and click the "Activate" button by this theme
6) Confirm when it asks you to apply the theme to every page

 

Responsive Features:
------------------------

The theme is responsive to cater for desktop, tablets (portrait), mobile phones (landscape) and mobile phone (Portrait).

If you need to add text styles you will see the media queries are in the typography.css file

If you need to add other responsive styles you can add to the media queries in screen.css and typography.css

 

Add Your Logo:
-----------------

1) Your logo can be any size, as a guide we've used 525px wide and you can add larger logos in the home template, we used 675px wide.

2) Upload your logo in jpg, png or gif format to the filemanager. 

3) You can now add it to the "Boutique Logo" globalarea and it will appear in all page types

 

Changing Main Background Image:
---------------------------------------

1) Your background image(s) should be around 2000 x 1280 pixels, but larger or smaller images won't break it, they'll still work.

2) When you install the theme, a set called 'Boutique Background' is created

3) Add your new background image(s) to this set.  If you add more than one, your images will automatically fade into one another in a slideshow effect

4) Refresh your site a couple of times and you should see your new image(s)

 

CSS Customiser:
--------------------

The CSS customiser has been used to help you easily change some of the styles on the site.

If you have any trouble customising the pink colour please check the following:

1) Open typography.css and screen.css:

2) Search for the pink colour #ff0078

3) You can replace this with your new colour for example #336699

4) Save your CSS files

 

Help!:
------

If you need any help using this theme, please contact us through the support or forum sections in the theme page in the marketplace or email info@madesimplemedia.co.uk