Quick Tip: How to Add a “More Information” Button to a Serious Template

November 14th, 2012

The new Serious templates have been a success. Many of you have already redesigned your websites with these templates that have an animated slideshow in the header. Do you need a button that directs users to more information? If you want to know how to add such a button to your website header, the following steps will show you how!

You learned about how to create a slideshow in the previous article about Serious templates.

Serious template

Insert the button following these 2 steps:

1. Edit the item and change the source code. At the end of the text, add the following HTML code:

<a class="button" href="#">More information</a>

Insert the link where # is located. Then save.

More information button

2. To get the header to appear, do not trim text.

Do not trim text

Done! Repeat the process for other items.

Did you use a new Serious template for your website? Show us! Be sure to also read the step-by-step guide for working with the website builder.