• Introduction
• Creating your site
  • Enter your site name
  • Select your locale
  • Choosing a style
  • Viewing your site
  • Creating Sections
• Editing your home page
  • Selecting the image to appear on the home page
• Creating a Single page section
• Creating a Multiple pages section
  • Creating Articles for a Multiple pages section
  • Creating a calendar, events diary or blog
• Creating & editing a Links section
  • Adding a Links section
  • Adding links
• Adding forms and comments to your site
  • Adding new forms to your site
  • Editing a form
  • Editing form questions
  • Messages and the guestbook
  • Showing comments about specific items
  • Updating the comments on your site
• Adding images to your site
  • Preparing your images
  • Formats and resolution
  • If you can't prepare your images
  • Adding galleries
  • Photo settings
  • Uploading your photographs
  • Adjusting your thumbnail settings
  • Manually uploading thumbnail images
  • Adding images to other sections of your web site
  • Gallery Isolation facility
  • Managing photos
  • Bulk uploading
  • Using FTP for upload
  • Automatically naming images
  • Using Photoshop Elements to process your images for upload
  • Using carousels and pop-ups
• Adding slideshows to your site
  • Adding slideshows
  • Slideshow settings
  • Using an HTML rotator
• Adding other content to your site
  • Adding content to your site
  • Adding content items to specific sections and pages
  • Editing the standard content items
  • Types of content section
  • Editing content sections on your preview site
• Adding a search facility to your site
  • Adding a search section
  • Search options
  • Adding a search box to other parts of the site
  • Formatting the results
• Customising your site style
  • Saving your site settings
  • Using style schemes
  • Adding custom schemes
  • Changing the column layout
• Making your site live & domain names
  • Subscribing to Clikpic
  • The default domain name
  • Buying a domain name through Clikpic
  • Choosing a domain name
  • If you already have a domain name
• Search Engines
  • General
  • Keywords and descriptions
  • Search Engine Optimisation
  • Google Integration Guide
• Support
  • Secure support tickets
  • System availability
  • Resetting your password
• Web Traffic and Stats
• Using the Search Functions of the Admin System
  • Using the search function
  • Clearing a filter
  • Creating a search set
• Formatting Text Using Html
  • Putting copy in bold
  • Putting copy in italics
  • Assigning other styles
  • Arranging copy into bullet points
  • Linking to content in your own site
  • Linking to another web site
  • Linking your email address
  • Using tables (intermediate level users)
  • Headings
  • Advanced users
• Selling Online
  • Creating a shopping cart
  • How the shopping cart works
  • Integrating with a payment provider
  • How to use PayPal with your Clikpic site
  • How to use Google checkout with the Clikpic facility
  • Selling without a payment provider
  • Setting prices for photos
  • Setting up a price group
  • Setting up a payment option
  • Applying price groups to your images
  • Assigning a single price to an item
  • Using the pricing information page
  • Delivery charges, VAT and other options
• Troubleshooting
  • Photo upload
  • Changes don't appear on live site
• Common Queries and Tips
  • Image protection
  • Adding a second subscription
  • Upgrading your subscription
  • Tidying up using sort order
  • Managing large numbers of photos
• What's New?

Assigning other styles

You can assign other styling elements using CSS styling. This works by using the style attribute of the tag you are styling. There are two tags you can use depending on whether you need to style a whole “block” of text or just a bit of text inside a paragraph (“inline”).

Block elements – the <div> tag

To assign styles to a block of text, surround the text with <div> and </div> tags. Then place your styling information inside the start tag, e.g.

<div style="padding:4px;">...</div>

Inline elements – the <span> tag

You can use the span tag to style words within a block, e.g.

Special offers for August – <span style="color:red;">BOOK NOW</span>

Style values

The values of the style attribute can include the following:

Border-width*	Enter a numeric value AND the units, usually px for pixels. 1px is recommended for most orders.
Border-color*	Enter a hex value preceded by a # sign. For more info on hex colours, see the Customisation guide, available for download on the Style settings page
Border-style	Solid or dashed are generally the values supported by most browsers.
Margin*	Enter a numeric value AND the units, usually px for pixels.
Padding*	Enter a numeric value AND the units, usually px for pixels.
Color	The colour of text within the element. Enter a hex value preceded by a # sign. For more info on hex colours, see the Customisation guide, available for download on the Style settings page
Font-weight	The weight of text within the element. Use "Bold" or "normal".
Font-size	The size of text within the element. Try to use a percentage value, such as 110%.

*Margin, border-width and padding can take 1, 2 or 4 values. These allow you to specify the same value for all sides, the values for horizontal and vertical, or the values for top, right, bottom, and left respectively (like the points of a compass).

E.g.	border-width:1px;	A one pixel border.
	border-width:0 0 4px 0;	A four pixel border UNDER the element only.
	margin:4px 0;	Four pixel margin above and below an element.

Separate multiple values with a semi-colon, e.g.

style="margin:4px 0; padding:2px;color:#333333;"