Why do I need to scale the logo?
Flying Cart makes customizing your site an easy process with the capabilities to upload your own logo in just a few clicks. To fit the logo on the page without interfering with other elements, it must be sized to the right proportions. The Recommended size is 820 x 75 pixels (w x h) and the Maximum uploadable size is 1000 x 400 pixels(w x h). Don’t worry over the recommended sizes, go ahead and upload the logo you have and checkout how it looks in your store.. if it looks good to you then keep it. But if it looks big or small then adjust the image.
Can I change the logo’s size limits in Custom CSS?
To fit a custom logo or header to your store using the Custom CSS function, first upload the image you wish to use in the custom images section. Note the relative path of your image once uploaded, such as image/yourimage.jpg
Next Update the #navigationWrapper as follows:
#navigationWrapper { background-image: url(images/yourimage.jpg); background-repeat:no-repeat;}
Finally, if the image doesn’t fit as you’d like, you can adjust the main wrapper width to match the width of the Image, or add a background color.
Can I use custom CSS with a theme?
Currently, you can’t edit a themes CSS through the Flying Cart HQ. For web-savvy users, however, you can activate the theme you like then view your store. In the store view, you can use a variety of tools like Firebug to view the theme’s CSS. Copy the CSS stylesheet, then go back to your HQ. Select the default theme, then go to Custom CSS. Insert the CSS you previously copied from the given theme, and you have it!
Are there functional differences to any of the themes?
Themes offer preset layouts and color schemes to easily fit your store to the look and feel of your products. Each Flying Cart theme offers all of our top-notch functionally, including featured products on the homepage, the fan club, sharing with social networks, and much more!
How do I upload an Image in custom CSS?
After uploading an image, you’ll notice the relative path listed as image/yourimage.jpg. If you want to use the image within your custom CSS, simply enter the relative path as part of the code for whatever element you’re designing within the CSS style sheet. For example, if you want to put the image in your background, modify “background-image” by adding “url (image/yourimage.jpg)”. So the finished code to insert the image into the background will be:
background-image: url (image/yourimage.jpg);
For more tutorials on CSS, visit w3schools.com
How do I add my own background image? How does the Color Picker work with the Background Image?
If you’re using the color picker and setting a background color, the background color will be overwritten by the background image. Background images are an easy way to give life to your site and tailor the look and feel to your product. Just be careful your background image doesn’t distract the customers eye from your product.
Our favorite place to discover background images is Colour Lovers: http://www.colourlovers.com/web/patterns
How can I create a nice logo?
Logo’s can do wonders for your business. A good logo can even make you feel proud of your own business which will in turn make you work harder.
If you’ve got an eye for design, then you’ll probably turn to Photoshop or a similar graphics program to create a nice logo. It is amazing what a simple font can do to your store name in terms of how your logo looks.
If you have a budget we suggest throwing a contest for a couple hundred bucks on 99designs.com – you will be able to pick and choose from 40+ designs. After the contest is over the designer will send you the logo file and you easily upload it to your Flying Cart store.
How can I not show a logo at all?
You can either upload a logo or display your store name as text. If you don’t want to display any logo, then upload a 1×1 white pixel image.
Tags: background image, business logo, create a custom online store, custom css, Store Design, store template, store theme
I am trying to create a new site for our store… I have our logo at the top of the home page, however, I would like for it to be flush left instead of centered. Is there a way I can do this?
Thanks.
Sindee