Website Tutorials
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
- Add a search engine to your website
- 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
- 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 (Video Tutorial - 2:52)
- Create a form for your visitors to send information to you through email (Video Tutorial - 6:33)
- Generate a list of dates automatically for a select field when using "PHP - Send 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