Choosing a New Theme: Difference between revisions


No edit summary
Line 50: Line 50:




Remember that the width of the image box on your screen is the maximum width your image can be for the area you are placing it in. Dragging your crop area to fill the entire width of the box will fill the width of that area on your website. If you don't like the image you have selected you can click the "Change Image" at the top to select a different one. When you are done, click "Insert Image."
Remember that the width of the image box on your screen is the maximum width your image can be for the area you are placing it in. Dragging your crop area to fill the entire width of the box will fill the width of that area on your website. If you don't like the image you have selected you can click the "Change Image" at the top to select a different one. When you are done, click "Insert Image." Replacing that image with a new image should not remove the previous styles/margin on the image.
 
'''Note:''' Saving an image that is larger than the boundaries of the image location will be auto-cropped to the max width of the content size.
 


Still not happy with the way your image looks? Clicking modify on your header again will take you right back to where you were; in case you want to zoom your image in a little more or crop it slightly different.
Still not happy with the way your image looks? Clicking modify on your header again will take you right back to where you were; in case you want to zoom your image in a little more or crop it slightly different.

Revision as of 17:42, 9 September 2012

Time for a change? You can choose a new Theme at any time to give your website a new look and feel. Simply click "Change Website Theme" in the "My Website" section of the Toolbar to get started.


Selecttheme.PNG


All available Themes can be viewed here. You can sort by popularity, date added or filter by key word or description. Suggested filters are listed along the left column, however we invite you to filter by a word or description of your choice as well. Clicking in "View all themes" will reset the filter and bring you back to the main page. Icons representing Available layouts are also displayed here to give you a quick look at how each theme can be configured.


The filter is smart in that it will give you keyword suggestions as you type. Try it out!

Note:
Clicking on a Theme thumbnail or "Use this Theme" will immediately apply it.

In most cases, the header image for a theme can be modified. This is useful as it would otherwise need to be done by editing the theme code and image files manually and in many cases may be difficult. To determine if a theme is configured to allow you to make this change, just look for the icon we have added to them in the theme selection area. Moving your mouse over it should allow you to see a message per the below image:


Selecttheme2.PNG


You can replace a theme header image by moving your cursor over it and clicking the "Modify" button:


Selecttheme3.PNG


Click on "Modify" to open a box for you to select where the new image should come from. Choose from your own gallery, our ample stock photography gallery or upload image of your choice.


Selecttheme4.PNG

Select the image that you want to use and click "Use Selected image". Now for the fun part! You will now be brought to the Crop and Resize feature.

Cropandresize.PNG


First, make sure "Crop" is "ON" before slicing and dicing this photo down to size! Resize the image how you would like it to appear on your site. Make the crop area bigger or smaller using the handles around the image, click and drag with your mouse to resize. You can also zoom in on the image by using the slider at the top of the page.


Here is the above image with the cropper tool set to "ON", the image resized to be larger, and a portion of it cropped:

Cropandresize2.PNG


Remember that the width of the image box on your screen is the maximum width your image can be for the area you are placing it in. Dragging your crop area to fill the entire width of the box will fill the width of that area on your website. If you don't like the image you have selected you can click the "Change Image" at the top to select a different one. When you are done, click "Insert Image." Replacing that image with a new image should not remove the previous styles/margin on the image.

Note: Saving an image that is larger than the boundaries of the image location will be auto-cropped to the max width of the content size.


Still not happy with the way your image looks? Clicking modify on your header again will take you right back to where you were; in case you want to zoom your image in a little more or crop it slightly different.


For theme header settings, please see Modifying Theme Header Settings. For theme header/subheader text styling, please see Modifying Header/Subheader Styling.

Where to Find

This area can be found in the "My Website" section of the Toolbar.