Customizing the background colors of your mobile website would give an enhancement and feel to your users. What's more is that this will give your mobile website an exact look based on your desktop website.
Here's how you can customize the background color of your mobile website:
1 - On the CMS Menu, choose Layout.
2 - Choose the Edit Theme Tab on the next page
3 - Set Background Color
Set the Background Color by expanding the element you want to change. In this example we are changing the Page background.
A. Click on the element to expand its menu options
B. On the sub menu click Background to expand its options
C. Click on the text box under Background Color to open palette and shader
Your choices here are to either enter a #HEX Color, if you know the one you want to use OR move your cursor over the color palette until you find the color that works. Don't forget you can also change the shade of the color by moving the small arrow on the side of the palette up and down.
The element you choose will change color in real time on the preview panel on the right of your screen so you can gauge what it will look like on your site.
4 - Image background
If you have an image that you want to use as the background you will need to upload it from your computer by clicking SELECT FILE and navigating to where that image is stored. Once you open the image it will be uploaded.
Once the image is uploaded you can change the position and properties of the image by using the dropdown menus below the field where you uploaded your image file.
6 - Save your work
Once your background is the way you want it click Save on the bottom of the page. This will save all the customization that you have entered for your mobile website.
Comments
2 comments
How come you didn't mention the sizes of the images to be uploaded on both the main area and header area??? Can you please let's know the dimensions? Thanks!
You can check this article out which shows you the screen resolution on the more popular smartphones.
http://support.brickandmobile.com/entries/20713131-recommended-image-sizes-common-smartphone-screen-sizes
Please sign in to leave a comment.