Interspire Product Knowledge Base

Would you like to...

Print this page Print this page

Email this page Email this page

Post a comment Post a comment

Subscribe me

Add to favorites Add to favorites

Remove Highlighting Remove Highlighting

Edit this Article

Export to PDF

User Opinions (2 votes)

100% thumbs up 0% thumbs down

How would you rate this answer?

Thank you for rating this answer.

How can I create an alternative style for a menu/list?

This guide deals with the styleguide.html file. For more information on this file, please read the template guide for Website Publisher.

In your styleguide.html file you will see a section of code similar to this:

<div block="list" blockStyle="Left Standard">
<!-- more html here -->

This defines the default style for all menus in the left column. You can simply duplicate this block and create a new style name. It is recommended to keep the position as the first word in your new style name:

<div block="list" blockStyle="Left My Custom Style">
<!-- more html here -->

Save your styleguide.html file and upload it to your site. Then go to your control panel panels 'Design' menu then the 'Website Design' section. This should display your current template, click the 'Reload Template' button. This re-processes your styleguide.html file.

Then, in your control panel edit the list (in the 'Menus & Lists' section) that you wish to have this style. When editing, go to the 'Advanced Options' tab and find the 'Select Template Block Style' option. Choose 'Select Template Block Style' and you'll be able to choose the new block style you created.

Also, if you just want to change something minor on the list, you can use the 'Additional CSS Classes' field on the advanced options tab and add in your classes to use on the list and these will be applied to the containing <div> tag of the list/menu when it is output.

Related Articles

No related articles were found.


No attachments were found.

Powered by Interspire Knowledge Manager - World's #1 Best Selling FAQ and Knowledge Base Software