shopping cart Helpful hints shopping cart
shopping cart

If you have already created a website and inserted all the text, images and components, and you need a better understanding of how to edit the CSS in your stylesheet block, these helpful hints should get you started.

Listed below are some of the most common forms of CSS used on web pages today, and developer tools which can help to clarify the rules of CSS for quick implementation with your site.

Insert a background image

The CSS background image property sets the background image for an element. There are several resources available for those who need to learn how to insert a background image into their web page. Try this useful guide to learn how to insert a background image1.

Wrap text around an image

With CSS float, an element can be pushed to the left or right, allowing other elements to wrap around it. Here you will find a useful website tutorial on a common method to wrap text around an image2.

Change text or link colors

CSS colors are defined using a hexadecimal (hex) notation for the combination of Red, Green, and Blue color values (RGB). There are useful online tutorials that range from how to change the font color of an element with CSS3 to a more advanced tutorial on how to change link colors in CSS4. If you need to choose a color then you may find this advanced color picker developer tool5useful.

Typography

In CSS, there are a number of available fonts to choose from when you decide on a look and feel for your website. This is one of the more useful developer tools to compare screen type and to generate the CSS code6.

Margins and Padding

The margin clears an area around an element (outside the border). The margin does not have a background color, and is completely transparent. Conversely, padding clears an area around the content (inside the border) of an element and is affected by the background color of the element.

A good tutorial and demonstration on CSS margins and padding7 can be found here, as well as a more illustrative tutorial on margins and padding8 here.

You can also find useful hints here for those who need a quick guide on how to set the width and height properties of elements9 in your website.


1) how to insert a background image
2) wrap text around an image
3) how to change the font color of an element with CSS
4) how to change link colors in CSS
5) advanced color picker developer tool
6) compare screen type and to generate the CSS code
7) CSS margins and padding basic
8) tutorial on margins and padding advanced
9) set the width and height properties of elements

ecommerce software shopping cart
 
    talk to us
t:+61 2 9211 9966[AU]
+44 020 3286 9322[UK]
+1 646 233 4010[US]
e:support [at] shopbuilder.com.au

    join our mailing list
email: 

    on specials
ecommerce specials NO setup fee. Normally $149, but setup with zero setup fee for this month only,if you buy a 12 months plan.
    helpful hints
>Useful tips for images
>Basic user guide
>Advanced design guide
    news and events
New features launched
Latest version of Shop Builder includes order tracking, freight management, gift voucher support and new customer management system.

New payment gateways
The latest version of Shop Builder is optimized to also provide direct support for additional payment gateways such as PayPal and Paymate. With newly added feature Shop Builder is one of the most cost effective, feature rich online store builder products on the market.

 


  Shop Builder is a trademark.The content of this web site is copyright. All rights reserved.
 
home | sitemap | privacy policy | terms and conditions | disclaimer | links | link to us