How can I make my company logo fit in the Executive theme?

[KB]

1. Go to the 'Design' menu and select 'Library'

2. On the 'Layouts' tab expand the 'Web Page Outer Layouts'* group (click the '+')

3. Double-click on the 'Works Best with Executive' layout to edit it

4. Locate

 <div class="page_header" align="center">

5. Right-click on 'page_header' and select 'Lookup in Actinic Stylesheet'

6. Here you will see the following css code

_________________________________________
      .page_header {
      background-color: Palette1;
      margin: 0px 0px 0px 0px;
      }

      .page_header_content {
      width: 762px;
      text-align: left;
      height: 63px;
      ___________________________________________

7. Replace Palette1 for the background colour to whatever hex number you need eg #000000 for black #FFFFFF for white etc.

8.

replace: -

height: 63px;

with: -

height: <actinic:variable name="CompanyLogoHeight" />;

9. Click 'OK' and 'OK' again and then close the Library

10. Update your site.

* In version 9 you would go to the group 'Theme Stylesheets' and open the layout 'Styles for Executive Theme'.