How To...

How To...

Insert and edit text

Insert an hero image (full width large web banner image with text overlay)

Insert a text element from text templates

Change title, add keywords and description

Apply styles to an element or a page

Add background color to a text element

Add background color and image to a page

Style the text on a page to make it look more consistent across browsers

Use heading tags

Create style for headings

Style a hyperlink

Wrap text around an image

Turn a text link to a button

Add online fonts using @font-face

Use Google Web Fonts on your web pages

Use "Align to Grid" to arrange elements on a page

Create rounded corners text/image element using CSS

Add shadow to an element using CSS

Add shadow around a text element using CSS

Add gradient background to a text element using CSS

Add an image as full width background on a page

Pin elements at the top of a page

Add a search engine to your website

Scroll elements to the top and pin them there

An alternative styling possibility for scrolling elements to the top and pin them (Advanced)

Add Google Analytics

Embed Google Map on a page

Change the background color of navigation bars

Use icon font like Font Awesome on your pages

Use Font Subsetter to reduce the size of the font file

Use responsive images

Add Lightbox on images

Add your Disqus or similar third party services on a page for comments on blog posts or use as a guestbook

Web performance optimization - get higher marks on Google PageSpeed Insight

Add external Javascript libraries

Export a page to an EML file for importing to email clients

Use a pop-up minicart for PayPal Add to Cart and View Cart buttons

Add favicon (Favorite Icon)

Add YouTube to a web page

Publish your website using FTP or SFTP

Create a form for your visitors to send information to you through email

Generate a list of dates automatically for a select field when sending form data to email

Create a new template page from the original one but with slightly different styles

Create a flexible box

Create a flexible box from an image with gradients

Create gradient button using the Image Editor

Create a horizontal navigation bar from scratch

Create a new navigation bar using the styles of another navigation bar

Create Image Slider

Create dark wood texture

Create dark metal sheet

Add drop shadow effect to an image

Add drop shadow effect to an image with multiple layers