Changing your layout look

Changing the color, font size or style on your layout has been made easy using the built-in style options on the Mobile Layout tab.

1.	Click SmartMobile in the left-hand menu.

2.	Click the Mobile Layout tab.

3.	Select the desired layout from the Mobile Site Layout Name drop-down.

4.	Scroll down and click [Show/Hide] next to More Styling Options.

5.	Make desired changes here for colors and style.

To assist in picking colors that coordinate with your own website, we have had success in using a third party website that evaluates a website’s CSS and returns a visual list of the colors and hex color codes. Visit http://wearepandr.com/labs/colour_bookmark, scroll down to find the Colour Bookmark section. Enter the URL of your website and click “Get Colours”. This opens a new window that displays colors and associated hex codes that may be used to specify colors in the More Styling Options section of SmartMobile.

Note: this site does not include colors from images on the site and will not work on older sites that do not use linked CSS files. An alternate option would be http://www.cssdrive.com/imagepalette/ which allows an upload or link to an image (like a logo) to get a color palette.

6.	Click Save.

7.	Click Mobile Website tab.

8.	Preview your change in the iPhone preview window.

9.	Continue selecting different colors, font sizes, and styles in this same way by repeating steps #2-8 until you’ve arrived at a suitable look.

Note: With certain layouts, changes will display on the More Styling Options as though they are saved and should work. But some Layouts have overriding CSS rules that will not allow your custom selections to display.