Hi,
I am using Silver Theme in V10 and have followed the Aug p48 for splitting the section lists into different parts, but I lose all the styling and have managed to get some back, but not the margins. When viewing in IE8 it shows same as on my pc with no margins & too far to left, but on Firefox there is no layout at all and its all bunched up in a box. (See screenshot showing both versions.)
The only possibly suitable thread I can find is http://community.actinic.com/showthread.php?t=35340 but the images are missing from the thread so it's hard to follow.
This is what I did.
Created the variable 'WhichSectionList' and put choices of List 1, 2 and 3.
I copied the code from the Aug into Silver Outer Layout and moved a couple of minor bits around to get it listed as per screenshot (without these changes it was showing with black dots underneath each link). So the code I have now is:
The last bit of code 'Store Info' is the original untouched and it how I did want it to look.
I have tried adjusting margins etc in stylesheets but no joy and it's probably something simple that I can't seem to fathom. I have been trying for past 2 days and been stuck in my chair since 5.30am cos it's bugging me! Probably won't be able to get up! Not sure why ok'ish in IE and not FF tho.
Any help gladly appreciated as always.
Thanks
I am using Silver Theme in V10 and have followed the Aug p48 for splitting the section lists into different parts, but I lose all the styling and have managed to get some back, but not the margins. When viewing in IE8 it shows same as on my pc with no margins & too far to left, but on Firefox there is no layout at all and its all bunched up in a box. (See screenshot showing both versions.)
The only possibly suitable thread I can find is http://community.actinic.com/showthread.php?t=35340 but the images are missing from the thread so it's hard to follow.
This is what I did.
Created the variable 'WhichSectionList' and put choices of List 1, 2 and 3.
I copied the code from the Aug into Silver Outer Layout and moved a couple of minor bits around to get it listed as per screenshot (without these changes it was showing with black dots underneath each link). So the code I have now is:
Code:
<div id="silver-main"> <div id="silver-sidebar-left"> <div class="silver-sidebar-list"> <div class="silver-sidebar-list-bottom"> <div class="silver-sidebar-list-top" id="silver-section-list"> <h1><span style='font-family: Arial;'>Shop by Recipient...</span></h1> <ul><actinic:block type="TopLevelSectionList" > <actinic:block if="%3cactinic%3avariable%20name%3d%22WhichSectionList%22%20%2f%3e%20%3d%3d%20%22List%201%22" > <a href="<actinic:block if="%3cactinic%3avariable%20name%3d%22IsLoginPageSuppressed%22%20%2f%3e%20AND%0d%3cactinic%3avariable%20name%3d%22UnregCustomersAreNotAllowed%22%20%2f%3e" ><li><actinic:variable name="SectionPageName" /></actinic:block><actinic:block if="%28%3cactinic%3avariable%20name%3d%22IsLoginPageSuppressed%22%20%2f%3e%20%3d%3d%20false%29%20OR%0d%28%3cactinic%3avariable%20name%3d%22UnregCustomersAreNotAllowed%22%20%2f%3e%20%3d%3d%20false%29" ><actinic:variable name="SectionURL" /></actinic:block>"class="product_section"></ul> <Actinic:Variable Name="SectionName"/></a></li> </actinic:block> </actinic:block></ul> <div style="clear: both;"><img src="theme_shim.gif" height="1" alt="spacer"/></div> </div> </div> </div> <div class="silver-sidebar-list-separator"><img src="theme_shim.gif" height="10" alt="spacer"/></div> <div class="silver-sidebar-list"> <div class="silver-sidebar-list-bottom"> <div class="silver-sidebar-list-top" id="silver-section-list"> <h1><span style='font-family: Arial;'>By Type...</span></h1> <ul><actinic:block type="TopLevelSectionList" > <actinic:block if="%3cactinic%3avariable%20name%3d%22WhichSectionList%22%20%2f%3e%20%3d%3d%20%22List%202%22" > <a href="<actinic:block if="%3cactinic%3avariable%20name%3d%22IsLoginPageSuppressed%22%20%2f%3e%20AND%0d%3cactinic%3avariable%20name%3d%22UnregCustomersAreNotAllowed%22%20%2f%3e" ><li><actinic:variable name="SectionPageName" /></actinic:block><actinic:block if="%28%3cactinic%3avariable%20name%3d%22IsLoginPageSuppressed%22%20%2f%3e%20%3d%3d%20false%29%20OR%0d%28%3cactinic%3avariable%20name%3d%22UnregCustomersAreNotAllowed%22%20%2f%3e%20%3d%3d%20false%29" ><actinic:variable name="SectionURL" /></actinic:block>" class="product_section"></ul> <Actinic:Variable Name="SectionName"/></a></li> </actinic:block> </actinic:block></ul> <div style="clear: both;"><img src="theme_shim.gif" height="1" alt="spacer"/></div> </div> </div> </div> <div class="silver-sidebar-list-separator"><img src="theme_shim.gif" height="10" alt="spacer"/></div> <div class="silver-sidebar-list"> <div class="silver-sidebar-list-bottom"> <div class="silver-sidebar-list-top" id="silver-section-list"> <h1><span style='font-family: Arial;'>By Occasion...</span></h1> <ul><actinic:block type="TopLevelSectionList" > <actinic:block if="%3cactinic%3avariable%20name%3d%22WhichSectionList%22%20%2f%3e%20%3d%3d%20%22List%203%22" > <a href="<actinic:block if="%3cactinic%3avariable%20name%3d%22IsLoginPageSuppressed%22%20%2f%3e%20AND%0d%3cactinic%3avariable%20name%3d%22UnregCustomersAreNotAllowed%22%20%2f%3e" ><li><actinic:variable name="SectionPageName" /></actinic:block><actinic:block if="%28%3cactinic%3avariable%20name%3d%22IsLoginPageSuppressed%22%20%2f%3e%20%3d%3d%20false%29%20OR%0d%28%3cactinic%3avariable%20name%3d%22UnregCustomersAreNotAllowed%22%20%2f%3e%20%3d%3d%20false%29" ><actinic:variable name="SectionURL" /></actinic:block>" class="product_section"></ul> <Actinic:Variable Name="SectionName"/></a></li> </actinic:block> </actinic:block></ul> <div style="clear: both;"><img src="theme_shim.gif" height="1" alt="spacer"/></div> </div> </div> </div> <div class="silver-sidebar-list-separator"><img src="theme_shim.gif" height="10" alt="spacer"/></div> <div class="silver-sidebar-list"> <div class="silver-sidebar-list-bottom"> <div class="silver-sidebar-list-top" id="silver-brochure-list"> <h1><span style='font-family: Arial;'>Store Information</span></h1> <ul> <actinic:block type="BrochurePagesList" ><li><actinic:variable name="BrochurePageLink" value="Simple Brochure Page Link" /></li></actinic:block></ul> <div style="clear: both;"><img src="theme_shim.gif" height="1" alt="spacer"/></div> </div> </div> </div>
I have tried adjusting margins etc in stylesheets but no joy and it's probably something simple that I can't seem to fathom. I have been trying for past 2 days and been stuck in my chair since 5.30am cos it's bugging me! Probably won't be able to get up! Not sure why ok'ish in IE and not FF tho.
Any help gladly appreciated as always.
Thanks
Comment