The article has been updated successfully.
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 -->
</div>
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 -->
</div>
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.
Search Articles
Would you like to...
User Opinions (2 votes)
100%
0%
How would you rate this answer?
How can I create an alternative style for a menu/list?
Related Articles
No related articles were found.Attachments
No attachments were found.Powered by Interspire Knowledge Manager - World's #1 Best Selling FAQ and Knowledge Base Software
