Accordion Menu V2 with Hotshot Theme
Posted: Wed Feb 23, 2011 9:27 pm
To use the Accordion menu V2 with the Hotshot Theme, several tweaks need made to the CSS file that accordion uses.
To install do the following:
Install Accordion Menu and leave all the settings in Settings / Site Options / Accordion Menu at their defaults.
Unzip the attached file into your Site folder.
Go to Design / Library / Layouts / Accordion Menu / Glossy Accordion Menu Setup.
Near the bottom is a line:
Amend this to be:
OK out.
To put the menu into your pages, in your Overall Layout, look for the line:
Replace that line with:
You can now fine-tune via Settings / Site Options / Accordion Menu. Note that this replacement CSS file overrides some of these settings so not all changes you make will have any effect.
The above is supplied to assist users and is not supported. Some CSS skill may be required for fine-tuning.
To install do the following:
Install Accordion Menu and leave all the settings in Settings / Site Options / Accordion Menu at their defaults.
Unzip the attached file into your Site folder.
Go to Design / Library / Layouts / Accordion Menu / Glossy Accordion Menu Setup.
Near the bottom is a line:
Code: Select all
<link href="accordion-glossy.css" rel="stylesheet" type="text/css">
Code: Select all
<link href="accordion-glossy-hotshot.css" rel="stylesheet" type="text/css">
To put the menu into your pages, in your Overall Layout, look for the line:
Code: Select all
<actinic:variable name="TopLevelSectionList" value="Top Level Section List In A Shaded Box" />
Code: Select all
<div class="hotshot-box-main">
<div class="hotshot-box-content" style="padding: 10px 0;">
<actinic:variable name="AccordionMenu" />
</div>
</div>
The above is supplied to assist users and is not supported. Some CSS skill may be required for fine-tuning.