Announcement

**mythandmagic** · 12-Jan-2010, 11:12 AM

where do i find the code for the outer layout ?

Also if you can help, my "customers also bought" is out of line, the right side is lower than the left.

**george** · 12-Jan-2010, 12:25 PM

I guess the magic bit didn't work then?

**fergusw** · 12-Jan-2010, 01:01 PM

Originally posted by drounding

Look in the outer layout and you will see this:
<td nowrap="nowrap" align="right" style="background-color: rgb(122, 189, 84);"> </td>
try deleting it.

I;d recommend changing this to

HTML Code:

<td nowrap="nowrap" align="right" style="background-color: rgb(255, 255, 255);">  </td>

Deleting this would cause the overall HTML table to become invalid.
The bit of "green" sticking out is actually a small table cell at the end of the table that holds the heading area. It currently has a green background, causing this small cell, at the end, to be green. Changing it to white will render it invisible.

To find this code I'd recommend going into the design tab, and clicking on the header area/logo and then make sure you are viewing the layout code window as well. You'll find the code in there.

**mythandmagic** · 12-Jan-2010, 01:16 PM

my header/logo code

<img
src="<actinic:variable name="CompanyLogoFileName" />"
width="<actinic:variable name="CompanyLogoWidth" />"
height="<actinic:variable name="CompanyLogoHeight" />"
alt="Drainage Systems Online"
class="logoimage" />
??

**fergusw** · 12-Jan-2010, 01:21 PM

OK - well try clicking the yellow "up" icon to navigate up a layout "up" from this one until you see a layout code that has the HTML quoted in it.

**mythandmagic** · 12-Jan-2010, 01:30 PM

Sorry, still cant find that code, ive searched the whole code...

Most of it looks like this (snippet)

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title><actinic:variable name="PageTitle" /></title>

<actinic:variable name="BaseHref" />

<actinic:variable name="MetaTags" />

<actinic:block if="%3cactinic%3avariable%20name%3d%22IsP3PPolicyUsed%22%20%2f%3e"><link rel="P3Pv1" href="<actinic:variable name="P3PFullPolicyLink" />"></actinic:block>

<link href="actinic.css" rel="stylesheet" type="text/css">

<style type="text/css">
.tech_menu_button_title {
background-color: <actinic:variable name="PaletteBG" />;
}

.tech_text_product_section {
color: <actinic:variable name="TextColor" />;
}
</style>

<actinic:variable name="JavaScriptFunctions" />

</head>

<body onload="<actinic:variable name="OnLoadScript" value="PreloadImages" />">

<actinic:block if="%3cactinic%3avariable%20name%3d%22Wiz1%5fDesignStyle%22%20%2f%3e%20%3d%3d%20%22Shrinks%20and%20Grows%20Dynamically%22">

<table width="100%" border="0" cellpadding="5" cellspacing="0">
</actinic:block>
<actinic:block if="%3cactinic%3avariable%20name%3d%22Wiz1%5fDesignStyle%22%20%2f%3e%20%3d%3d%20%22Fixed%20Width%20%2d%20Centered%22">

<table width="<actinic:variable name="Wiz2_DesignWidth" />" border="0" cellpadding="0" cellspacing="0" align="center">
</actinic:block>
<actinic:block if="%3cactinic%3avariable%20name%3d%22Wiz1%5fDesignStyle%22%20%2f%3e%20%3d%3d%20%22Fixed%20Width%20%2d%20Left%20Aligned%22">

<table width="<actinic:variable name="Wiz2_DesignWidth" />" border="0" cellpadding="5" cellspacing="0">
</actinic:block>
<tr>
<td style="background-color: <actinic:variable name="Wiz_TopBarColor" />;<actinic:block if="%3cactinic%3avariable%20name%3d%22Wiz%5fBorders%22%20%2f%3e%20%3d%3d%20%22Yes%22">border: solid 1px <actinic:variable name="Wiz_BorderColor" />; border-right: 0;</actinic:block>" >
<actinic:block if="%3cactinic%3avariable%20name%3d%22PageType%22%20%2f%3e%20%21%3d%20%22Brochure%22">
<actinic:variable name="CompanyLogoImage" />
</actinic:block>
<actinic:block if="%3cactinic%3avariable%20name%3d%22PageType%22%20%2f%3e%20%3d%3d%20%22Brochure%22" >
<actinic:variable name="BrochureLogoImage" />
</actinic:block>
</td>
<td align="right" style="background-color: <actinic:variable name="Wiz_TopBarColor" />;<actinic:block if="%3cactinic%3avariable%20name%3d%22Wiz%5fBorders%22%20%2f%3e%20%3d%3d%20%22Yes%22">border: solid 1px <actinic:variable name="Wiz_BorderColor" />; border-left: 0;</actinic:block>" nowrap="nowrap">
<actinic:block if="%3cactinic%3avariable%20name%3d%22Wiz7%5fCartFunctions%22%20%2f%3e%20%21%3d%20%22Top%22" >
 
</actinic:block>
<actinic:block if="%3cactinic%3avariable%20name%3d%22Wiz7%5fCartFunctions%22%20%2f%3e%20%3d%3d%20%22Top%22">

<div class="sidebox" style="width: 170px;">
<div class="boxhead"><h2><actinic:variable name="CartCaption" /></h2></div>
<div class="boxbody" align="center">
<p style="font-weight: bold; margin-bottom: 5px;"><actinic:variable value="Shopping Cart Summary In A Line" name="ShoppingCartSummary" /></p>
<actinic:block if="%3cactinic%3avariable%20name%3d%22Wiz%5fButtons%22%20%2f%3e%20%3d%3d%20%22CSS%20Buttons%22"><p class="text_menu"><actinic:variable name="NavigationIcon" value="Checkout CSS Button" /><actinic:variable name="NavigationIcon" value="View Cart CSS Button" /></p></actinic:block>
<actinic:block if="%3cactinic%3avariable%20name%3d%22Wiz%5fButtons%22%20%2f%3e%20%3d%3d%20%22Images%22"><p style="margin: 0;"><actinic:variable value="View Cart Image Navigation Button" name="NavigationIcon" /><actinic:variable value="Checkout Image Navigation Button" name="NavigationIcon" /></p></actinic:block></td>
</div>
</div>
</actinic:block>

**fergusw** · 12-Jan-2010, 02:09 PM

Your on the right lines.
Unfortunately you did not post enough of the code that controls this.

The Actinic code has a number of conditions determining the layout which is why it is not a straight forward replication of the HTML that is viewed online.
Ironically, the lines of code that require the change are the next 3 or 4 that come after the code you posted, I believe.

**mythandmagic** · 12-Jan-2010, 02:12 PM

</td>
</tr>
<tr>
<td style="background-color: <actinic:variable name="Wiz_SecondBarColor" />;<actinic:block if="%3cactinic%3avariable%20name%3d%22Wiz%5fBorders%22%20%2f%3e%20%3d%3d%20%22Yes%22">border: solid 1px <actinic:variable name="Wiz_BorderColor" />; border-right: 0; border-top: 0;</actinic:block>">
<actinic:block if="%3cactinic%3avariable%20name%3d%22Wiz%5fButtons%22%20%2f%3e%20%3d%3d%20%22CSS%20Buttons%22">
<div>
<p class="text_menu" align="left"><actinic:variable value="Home CSS Button" name="NavigationIcon" if="%3cactinic%3avariable%20name%3d%22HomePageType%22%20%2f%3e%20%21%3d%20%270%27" /><actinic:variable value="Sitemap CSS Button" name="NavigationIcon" if="%3cactinic%3avariable%20name%3d%22IsIncludeToSiteMap%22%20%2f%3e" /><actinic:variable name="NavigationIcon" value="Terms CSS Button" /><actinic:variable name="NavigationIcon" value="Search CSS Button" /><actinic:variable value="Store Top CSS Button" name="NavigationIcon" if="%3cactinic%3avariable%20name%3d%22IsNavBarTopSectionOmitted%22%20%2f%3e%20%21%3d%20TRUE" /><actinic:block if="%3cactinic%3avariable%20name%3d%22PageType%22%20%2f%3e%20%3d%3d%20%22Section%22"><actinic:variable value="Up A Level CSS Button" name="NavigationIcon" if="%3cactinic%3avariable%20name%3d%22SectionLevel%22%20%2f%3e%20%3e%200" /></actinic:block><actinic:variable name="NavigationIcon" value="Contact Us CSS Button" /><actinic:block if="%3cactinic%3avariable%20name%3d%22AreRegCustomersAllowed%22%20%2f%3e"><Actinic:NOTINB2B><actinic:variable name="NavigationIcon" value="Login CSS Button" /></Actinic:NOTINB2B></actinic:block></p>
</div>
</actinic:block>
<actinic:block if="%3cactinic%3avariable%20name%3d%22Wiz%5fButtons%22%20%2f%3e%20%3d%3d%20%22Images%22" >
<div>
<p class="text_menu" align="left"><actinic:variable value="Home Image Navigation Button" name="NavigationIcon" if="%3cactinic%3avariable%20name%3d%22HomePageType%22%20%2f%3e%20%21%3d%20%270%27" /><actinic:variable value="Sitemap Image Navigation Button" name="NavigationIcon" if="%3cactinic%3avariable%20name%3d%22IsIncludeToSiteMap%22%20%2f%3e" /><actinic:variable name="NavigationIcon" value="Terms Image Navigation Button" /><actinic:variable value="Search Image Navigation Button" name="NavigationIcon" /><actinic:variable value="Store Top Image Navigation Button" name="NavigationIcon" if="%3cactinic%3avariable%20name%3d%22IsNavBarTopSectionOmitted%22%20%2f%3e%20%21%3d%20TRUE" /><actinic:block if="%3cactinic%3avariable%20name%3d%22PageType%22%20%2f%3e%20%3d%3d%20%22Section%22"><actinic:variable value="Up A Level Image Navigation Button" name="NavigationIcon" if="%3cactinic%3avariable%20name%3d%22SectionLevel%22%20%2f%3e%20%3e%200" /></actinic:block><actinic:variable value="Contact Us Image Navigation Button" name="NavigationIcon" /><actinic:block if="%3cactinic%3avariable%20name%3d%22AreRegCustomersAllowed%22%20%2f%3e"><Actinic:NOTINB2B><actinic:variable name="NavigationIcon" value="Login Image Navigation Button" /></Actinic:NOTINB2B></actinic:block></p>
</div>
</actinic:block>
</td>
<td align="right" style="background-color: <actinic:variable name="Wiz_SecondBarColor" />;<actinic:block if="%3cactinic%3avariable%20name%3d%22Wiz%5fBorders%22%20%2f%3e%20%3d%3d%20%22Yes%22">border: solid 1px <actinic:variable name="Wiz_BorderColor" />; border-left: 0; border-top: 0;</actinic:block>" nowrap="nowrap">
<actinic:block if="%3cactinic%3avariable%20name%3d%22Wiz6%5fQuickSearch%22%20%2f%3e%20%21%3d%20%22Top%22">
 
</actinic:block>
<actinic:block if="%3cactinic%3avariable%20name%3d%22Wiz6%5fQuickSearch%22%20%2f%3e%20%3d%3d%20%22Top%22" >

<actinic:variable name="QuickSearchBar" />
</actinic:block>
</td>
</tr>
</table>

<actinic:block if="%3cactinic%3avariable%20name%3d%22Wiz1%5fDesignStyle%22%20%2f%3e%20%3d%3d%20%22Shrinks%20and%20Grows%20Dynamically%22">

<table width="100%" border="0" cellpadding="5" cellspacing="0">
</actinic:block>
<actinic:block if="%3cactinic%3avariable%20name%3d%22Wiz1%5fDesignStyle%22%20%2f%3e%20%3d%3d%20%22Fixed%20Width%20%2d%20Centered%22">

<table width="<actinic:variable name="Wiz2_DesignWidth" />" border="0" cellpadding="5" cellspacing="0" align="center">
</actinic:block>
<actinic:block if="%3cactinic%3avariable%20name%3d%22Wiz1%5fDesignStyle%22%20%2f%3e%20%3d%3d%20%22Fixed%20Width%20%2d%20Left%20Aligned%22">

<table width="<actinic:variable name="Wiz2_DesignWidth" />" border="0" cellpadding="5" cellspacing="0">
</actinic:block>
<tr>
<actinic:block if="%3cactinic%3avariable%20name%3d%22Wiz3%5fSidebars%22%20%2f%3e%20%3d%3d%20%22One%20Sidebar%22">

<td valign="top" width="160" style="background-color: <actinic:variable name="Wiz_SideBarColor" />;<actinic:block if="%3cactinic%3avariable%20name%3d%22Wiz%5fBorders%22%20%2f%3e%20%3d%3d%20%22Yes%22">border: solid 1px <actinic:variable name="Wiz_BorderColor" />; border-top: 0;</actinic:block>">
</actinic:block>
<actinic:block if="%3cactinic%3avariable%20name%3d%22Wiz3%5fSidebars%22%20%2f%3e%20%3d%3d%20%22Two%20Sidebars%22">

<td valign="top" width="140" style="background-color: <actinic:variable name="Wiz_SideBarColor" />;<actinic:block if="%3cactinic%3avariable%20name%3d%22Wiz%5fBorders%22%20%2f%3e%20%3d%3d%20%22Yes%22">border: solid 1px <actinic:variable name="Wiz_BorderColor" />; border-top: 0;</actinic:block>">
</actinic:block>
<actinic:block if="%3cactinic%3avariable%20name%3d%22Wiz6%5fQuickSearch%22%20%2f%3e%20%3d%3d%20%22Left%20Side%22">

<actinic:variable name="QuickSearchBar" />
<br />
</actinic:block>
<actinic:block if="%3cactinic%3avariable%20name%3d%22Wiz4%5fSectionList%22%20%2f%3e%20%3d%3d%20%22Left%20Side%22" >

<actinic:variable name="TopLevelSectionList" if="%3cactinic%3avariable%20name%3d%22IsTopSectionListIncluded%22%20%2f%3e" />
<br />
</actinic:block>
<actinic:block if="%3cactinic%3avariable%20name%3d%22Wiz5%5fBrochureList%22%20%2f%3e%20%3d%3d%20%22Left%20Side%22" >

<actinic:variable name="BrochureNavBar" />
<br />
</actinic:block>
<actinic:block if="%3cactinic%3avariable%20name%3d%22Wiz7%5fCartFunctions%22%20%2f%3e%20%3d%3d%20%22Left%20Side%22">

<div class="sidebox" style="width: 150px;">
<div class="boxhead"><h2><actinic:variable name="CartCaption" /></h2></div>
<div class="boxbody" align="center">
<p style="font-weight: bold; margin-bottom: 5px;"><actinic:variable value="Shopping Cart Summary In A Line" name="ShoppingCartSummary" /></p>
<actinic:block if="%3cactinic%3avariable%20name%3d%22Wiz%5fButtons%22%20%2f%3e%20%3d%3d%20%22CSS%20Buttons%22"><p class="text_menu"><actinic:variable name="NavigationIcon" value="Checkout CSS Button" /><actinic:variable name="NavigationIcon" value="View Cart CSS Button" /></p></actinic:block>
<actinic:block if="%3cactinic%3avariable%20name%3d%22Wiz%5fButtons%22%20%2f%3e%20%3d%3d%20%22Images%22"><p style="margin: 0;"><actinic:variable value="View Cart Image Navigation Button" name="NavigationIcon" /><actinic:variable value="Checkout Image Navigation Button" name="NavigationIcon" /></p></actinic:block>
</div>
</div>
<img src="worldpay5.gif" border="0">
</actinic:block>
<actinic:block if="%3cactinic%3avariable%20name%3d%22Wiz9%5fBestSellers%22%20%2f%3e%20%3d%3d%20%22Left%20Side%22">

<actinic:variable name="BestSellerListSidebar" if="%3cactinic%3avariable%20name%3d%22BestSellersListInSidebar%22%20%2f%3e" />
<br />
</actinic:block>
<actinic:block if="%3cactinic%3avariable%20name%3d%22Wiz8%5fNewProducts%22%20%2f%3e%20%3d%3d%20%22Left%20Side%22" >

<actinic:variable name="NewProductListSidebar" if="%3cactinic%3avariable%20name%3d%22NewProductsListInSidebar%22%20%2f%3e" />
<br />
</actinic:block>
<actinic:variable value="Sidebar Coupon Field" name="CouponEntryField" if="%3cactinic%3avariable%20name%3d%22CaptureCoupon%22%20%2f%3e" />
</td>
<td class="bulk" valign="top" style="<actinic:block if="%3cactinic%3avariable%20name%3d%22Wiz%5fBorders%22%20%2f%3e%20%3d%3d%20%22Yes%22">border: solid 1px <actinic:variable name="Wiz_BorderColor" />; border-left: 0; border-top: 0;</actinic:block>">
<div style="width: <actinic:variable name="ACTSTDWIDTH" />px;">
<actinic:variable name="INNERLAYOUT" />
</div>
<actinic:variable name="ReferrerLink" />

<actinic:block if="%3cactinic%3avariable%20name%3d%22Wiz10%5fFooter%22%20%2f%3e">

<p> </p>
<div class="dotted_line_blue"><img src="theme_shim.gif" height="1" width="1" alt=" " /></div>
<p class="text_footer"><span class="text_menu_no_space">� 2009 <actinic:variable name="CompanyName" /></span>  <a href="<actinic:variable name="SendMailPageLink" />" class="link_footer"><actinic:variable name="SendMailText" /></a> | <a href="<actinic:variable name="InfoURL" />" class="link_footer">Privacy Policy</a> | <a href="<actinic:variable name="InfoURL" />" class="link_footer"><actinic:variable name="InfoText" /></a></p>
</div>
</actinic:block>

</td>
<actinic:block if="%3cactinic%3avariable%20name%3d%22Wiz3%5fSidebars%22%20%2f%3e%20%3d%3d%20%22Two%20Sidebars%22">

<td valign="top" width="140" style="background-color: <actinic:variable name="Wiz_SideBarColor" />;<actinic:block if="%3cactinic%3avariable%20name%3d%22Wiz%5fBorders%22%20%2f%3e%20%3d%3d%20%22Yes%22">border: solid 1px <actinic:variable name="Wiz_BorderColor" />; border-left: 0; border-top: 0;</actinic:block>">
<actinic:block if="%3cactinic%3avariable%20name%3d%22Wiz6%5fQuickSearch%22%20%2f%3e%20%3d%3d%20%22Right%20Side%22">

<actinic:variable name="QuickSearchBar" />
<br />
</actinic:block>
<actinic:block if="%3cactinic%3avariable%20name%3d%22Wiz4%5fSectionList%22%20%2f%3e%20%3d%3d%20%22Right%20Side%22" >

<actinic:variable name="TopLevelSectionList" if="%3cactinic%3avariable%20name%3d%22IsTopSectionListIncluded%22%20%2f%3e" />
<br />
</actinic:block>
<actinic:block if="%3cactinic%3avariable%20name%3d%22Wiz5%5fBrochureList%22%20%2f%3e%20%3d%3d%20%22Right%20Side%22" >

<actinic:variable name="BrochureNavBar" />
<br />
</actinic:block>
<actinic:block if="%3cactinic%3avariable%20name%3d%22Wiz7%5fCartFunctions%22%20%2f%3e%20%3d%3d%20%22Right%20Side%22" >

<div class="sidebox" style="width: 150px;">
<div class="boxhead"><h2><actinic:variable name="CartCaption" /></h2></div>
<div class="boxbody" align="center">
<p style="font-weight: bold; margin-bottom: 5px;"><actinic:variable value="Shopping Cart Summary In A Line" name="ShoppingCartSummary" /></p>
<actinic:block if="%3cactinic%3avariable%20name%3d%22Wiz%5fButtons%22%20%2f%3e%20%3d%3d%20%22CSS%20Buttons%22"><p class="text_menu"><actinic:variable name="NavigationIcon" value="Checkout CSS Button" /><actinic:variable name="NavigationIcon" value="View Cart CSS Button" /></p></actinic:block>
<actinic:block if="%3cactinic%3avariable%20name%3d%22Wiz%5fButtons%22%20%2f%3e%20%3d%3d%20%22Images%22"><p style="margin: 0;"><actinic:variable value="View Cart Image Navigation Button" name="NavigationIcon" /><actinic:variable value="Checkout Image Navigation Button" name="NavigationIcon" /></p></actinic:block>
</div>
</div>
<br />
<img src="worldpay5.gif" border="0">
</actinic:block>
<actinic:block if="%3cactinic%3avariable%20name%3d%22Wiz9%5fBestSellers%22%20%2f%3e%20%3d%3d%20%22Right%20Side%22">

<actinic:variable name="BestSellerListSidebar" if="%3cactinic%3avariable%20name%3d%22BestSellersListInSidebar%22%20%2f%3e" />
<br />
</actinic:block>
<actinic:block if="%3cactinic%3avariable%20name%3d%22Wiz8%5fNewProducts%22%20%2f%3e%20%3d%3d%20%22Right%20Side%22" >

<actinic:variable name="NewProductListSidebar" if="%3cactinic%3avariable%20name%3d%22NewProductsListInSidebar%22%20%2f%3e" />
<br />
</actinic:block>
</td>
</actinic:block>
</tr>
</table>
<actinic:variable name="GoogleAnalyticsMarkup" value="Google Analytics Tracking Code" />
</body>

</html>

**fergusw** · 12-Jan-2010, 02:17 PM

On line 82 change:

HTML Code:

<td align="right" style="background-color: <actinic:variable name="Wiz_SecondBarColor" />;<actinic:block if="%3cactinic%3avariable%20name%3d%22Wiz%5fBorders%22%20%2f%3e%20%3d%3d%20%22Yes%22">border: solid 1px <actinic:variable name="Wiz_BorderColor" />; border-left: 0; border-top: 0;</actinic:block>" nowrap="nowrap">

to

HTML Code:

<td align="right" style="background-color: <actinic:variable name="Wiz_TopBarColor" />;<actinic:block if="%3cactinic%3avariable%20name%3d%22Wiz%5fBorders%22%20%2f%3e%20%3d%3d%20%22Yes%22">border: solid 1px <actinic:variable name="Wiz_BorderColor" />; border-left: 0; border-top: 0;</actinic:block>" nowrap="nowrap">

i.e. changing the background colour of this TD from green to white, in your case.

**mythandmagic** · 12-Jan-2010, 02:33 PM

PERFECT !!!

THANKYOU EVERYONE..

You do not know how long ive been looking how to change that..lol

**Duncan Rounding** · 12-Jan-2010, 02:54 PM

I would recommend using Firefox with the Firebug add-in which allows you to make changes to the html and styling on the fly making debugging much easier.

**mythandmagic** · 12-Jan-2010, 03:03 PM

yeah, ill get that today.

Thanks

Announcement

site out of line

site out of line

Comment

Comment

Comment

Comment

Comment

Comment

Comment

Comment

Comment

Comment

Comment

Comment