CompanyLogoWidth / Height

[Simon Williams]

Can someone tell me where to edit these values?

My logo is bigger than the one on the template theme and it's interfering with the layout.

Thanks
Simon

[DBurrows]

The height and width are automatically determined from the image properties, its the table cell height that I believe to be causing the problem.

Locate this code near the top of the overall layout

		<div class="page_header_logo_container">
		<table border="0" cellspacing="0" cellpadding="0">
		  <tr>
			<td height="100" valign="top"><br/><actinic:variable name="CompanyLogoImage" /></td>
		  </tr>
		</table>
		</div>

Change the height value here to at least the height of your image (I used 100 and my logo is 80)

[Simon Williams]

Thanks David - I've changed the height of the table, to:

<!-- HEADER -->
<div class="page_header" align="center">
<div class="page_header_content">
<div class="page_header_logo_container">
<table border="0" cellspacing="0" cellpadding="0">
<tr>
<td height="160" valign="middle"><actinic:variable name="BrochureLogoImage" /></td>
</tr>
</table>

but it doesn't seem to have made a difference.

Could it be something to do with the <div class= code?

Simon

[hobuk]

Hi,

Not sure if this would help as I am not sure what theme you are using, however in the executive theme I changed the height of the header by going to the design tab and in Select View Type go to "Actinic Style Sheet" on line 264 change the height (in my case to 85px) this allowed the logo to sit above the nav buttons and sit properly in both IE and Firefox.

Again not sure if this will help with you but worth a try.

[Simon Williams]

Great.

Just found out that it works in IE, but not Firefox.

Anyone else have these kind of issues?

[Simon Williams]

Hi,

Not sure if this would help as I am not sure what theme you are using, however in the executive theme I changed the height of the header by going to the design tab and in Select View Type go to "Actinic Style Sheet" on line 264 change the height (in my case to 85px) this allowed the logo to sit above the nav buttons and sit properly in both IE and Firefox.

Again not sure if this will help with you but worth a try.

FANTASTIC!

Thanks Lee - worked a treat (in both IE and Firefox!)

Also, thanks for the advice David.

[dawnveal]

Header Height

I'm having the same problem except the changes which have been suggested above aren't working for me. Guess I'm doing something wrong.

I'm using the Technical theme. I've changed the height in the Design tab

<!-- HEADER -->
<div class="tech_page_header_content">
<div class="tech_page_header_logo_container">
<table height="110" border="0" cellspacing="0" cellpadding="0">
<tr>
<td valign="top"><actinic:variable name="CompanyLogoImage" /></td>
</tr>
</table>
</div>


And change the height in the Actinic Style Sheet

.page_header {
background-color: <actinic:variable name="Palette1" />;
margin: 0px 0px 0px 0px;
}

.page_header_content {
width: 762px;
text-align: left;
height: 110px;
}

Although I've changed the height to 110 my image is 97px so should be OK. What happens is my image just moves down but the black bar stays where it is.

What am I doing wrong.

[leehack]

I don't see the point of the table in the code you have shown as you are setting the height within the CSS for <div> class. You also appear to have 2 opening <div> tags and only one closing tag.

Without seeing it live (noone ever posts a URL) its hard to say exactly what is happening, however it appears that you have a div setting a height of 110 and then have a table within it also setting a height of 110, both trying to do the same thing.

Something like the following would be far cleaner and very close to what you need, however im guessing without seeing what is actually happening:

<div class="tech_page_header_content">
<div class="tech_page_header_logo_container">
<actinic:variable name="CompanyLogoImage" />
</div>
</div>

I think you should be styling the td or the tr not the overall table if that is the route you wish to follow.