User Tools

Site Tools


control_panel:website_tools:design_themes:complete_guide_to_customizing_florence_themes

Differences

This shows you the differences between two versions of the page.

Link to this comparison view

control_panel:website_tools:design_themes:complete_guide_to_customizing_florence_themes [2020/02/13 10:02] (current)
Line 1: Line 1:
 +====== Getting Started with Customize ======
  
 +----
 +
 +<WRAP info>​These instructions may appear a little complicated in the beginning. Be patient and you will find this Guide brings you quickly to a level of comfort with our Design Tools. If there is anything you don’t understand, let us know via [[more:​help_desk:​start|Contact The Help Desk]], via Live Chat from your control panel, by contacting [email protected],​ or by phone 9 -4 Eastern U.S. Time,​ 609-397-0888 (we can also arrange a phone conference at another mutually convenient time).</​WRAP>​
 +
 +
 +----
 +
 +----
 +
 +[[Tutorials:​|Back to Tutorials: Table of Contents]] (for a full guide on choosing a theme)
 +
 +{{tag>​customization design themes templates}}
 +
 +**The Florence Themes**
 +
 +For the Florence Themes, the gallery index page is so attractive that you might choose not to have a “home” page. Your work will be featured according the size and style of thumbnails that you choose. As with all of our templates, colors, fonts and sizes are fully customizable.
 +
 +
 +☛ Once you've chosen your theme, click the "​Customize This Theme" button to customize colors, fonts, backgrounds and more.
 +
 +{{screen_shot_2017-02-10_at_2.42.39_pm.png}}
 +
 +☛ The menu in your design palette corresponds to different areas and aspects of your site, and is slightly different for our two types of themes.
 +
 +☛For our Florence Themes:
 +
 +{{screen_shot_2017-02-07_at_11.45.26_am.png}}
 +
 +☛ Click on "​Colors"​ to change the color of any part of your site, or of the Title or Subtitle. ​
 +
 +☛Click on the small box that corresponds to the item you wish to change. A section of colors from the site's palette will pop up, as well as an adjustable color-picker,​ so you can select any color you want. 
 +
 +☛Click "​choose"​ to apply the color to your site.  ​
 +
 +{{screen_shot_2017-02-10_at_2.50.17_pm.png}}
 +
 +☛Click on "​fonts"​ to change text font and size.
 +
 +{{screen_shot_2017-02-08_at_1.32.09_pm.png}}
 + 
 +☛You might want to upload a logo to the Site Header Area. If you want to upload a banner, we suggest using 1000 x 100 pixels as a base measurement. If you upload a banner, remember to hide the site name.
 +
 +☛ To hide the Site Name, erase it in "site settings."​
 +
 +{{screen_shot_2017-02-10_at_3.52.12_pm.png}}
 +
 +☛ Click Save and Exit to commit any changes.
 +
 +**GALLERY INDEX PAGE**
 +
 +☛ Click on "​Gallery Display."​
 +
 +{{screen_shot_2017-02-09_at_1.48.03_pm.png}}
 +
 +☛Each option will produce a different look for your site.
 +
 +**Panorama:​** Your images will take up the full height of the screen and the next image will be visible. Choose a strong image to be the first in the first gallery on your site, because this will be the equivalent to your home page image.
 +
 +**Carousel:​** Each image will take up the entire screen. As with the Panorama option, choose a strong image to be the first in the first gallery on your site, because this will be the equivalent to your home page image.
 +
 +**Thumbnails:​** This option will display a thumbnail of each image in the gallery, and each will enlarge when you click on it.
 +
 +**Masonry:​** Images are all stacked in columns so there is not wasted space. The images retain their original proportions.
 +
 +{{screen_shot_2017-02-09_at_3.51.01_pm.png}}
 +
 +☛From the dropdown menu you can decide if visitors to your site see a gallery index page or jump straight into your first gallery. For the Florence themes we recommend that you choose the gallery index option, because the index page takes the place of your home page. You should be aware that if you choose for visitors to jump straight into your first gallery, the titles and descriptions of your other galleries will not show.
 +
 +{{screen_shot_2017-02-09_at_1.04.27_pm.png}}
 +
 +☛ After your choice has been made, "​Save"​ and "​Exit."​
 +
 + 
 +{{screen_shot_2017-02-09_at_1.43.34_pm.png}}
 +
 +
 +
 +[[Tutorials:​|Back to Tutorials: Table of Contents]]
 +
 +
 +[[http://​www.artspan.com/​memberAdmin/​index.php|Back to Control Panel]]
 +
 +
 +{{tag>​help control_panel custom_styles web_design}}
 + 
 +
 +☛Saving a Custom Style
 +
 +The first step in saving a custom style is to name it. 
 +
 +{{screen_shot_2017-02-15_at_8.52.34_am.png}}
 +
 +And then Click the check mark to save it and apply it to your site.
 + 
 +{{screen_shot_2017-02-15_at_8.52.55_am.png}}
 +
 +☛You will need to click the “Save” button to commit any changes.
 +
 +
 +☛Your custom style is now saved, and you can return to it at any time by clicking "Your Saved Themes."​
 +
 +{{screen_shot_2017-02-10_at_12.59.20_pm.png}}
 +
 +[[Tutorials:​|Back to Tutorials: Table of Contents]]
 +
 +{{tag>​help control_panel custom_styles web_design}}
 +
 +
 +
 +----
 +
 +[[Tutorials:​|Back to Tutorials: Table of Contents]]
 +
 +[[http://​www.artspan.com/​memberAdmin/​index.php|Back to Control Panel]]
control_panel/website_tools/design_themes/complete_guide_to_customizing_florence_themes.txt · Last modified: 2020/02/13 10:02 (external edit)