Sidebox Column Colours

[OJM]

Hi all,

I posted this in the template forum, under the 'mihluna' support thread, but I haven't received a response yet, and desperate to figure this out ASAP, so I was hoping someone would be able to assist please...

Hi,

I'm using the Mihluna template, and would like to make the columns down the left / right a full colour, instead of just the sideboxes being coloured (using the stylesheet).

Is there anyway of doing this?

Cheers!

Oli

I've figured out that column_left.php and column_right.php control the columns, but can't workout how to make the whole column's background a solid colour, and for the sideboxes to seamlessly "merge" into the colour.

At the moment I've got these in column_right.php;

<div style="height: 100%; background-color:#fde9f2">
<?php
//$column_box_spacer = 'column_box_spacer_right';
$column_width = BOX_WIDTH_RIGHT;
if ( file_exists(DIR_WS_MODULES . 'sideboxes/' . $template_dir . '/' . $column_right_display->fields['layout_box_name']) ) {
  $box_id = zen_get_box_id($column_right_display->fields['layout_box_name']);
  require(DIR_WS_MODULES . 'sideboxes/' . $template_dir . '/' . $column_right_display->fields['layout_box_name']);
} else {
  $box_id = zen_get_box_id($column_right_display->fields['layout_box_name']);
  require(DIR_WS_MODULES . 'sideboxes/' . $column_right_display->fields['layout_box_name']);
}
  } // file_exists
  $column_right_display->MoveNext();
} // while column_right
$box_id = '';
?>
</div>

Now this comes out as the below if I change the height to 600px, but can't get the 100% of the column to fill;



It must be something simple, but I'm completely missing it.

HELP!

Many thanks,


Oli

[gjh42]

Undo the changes you made.

Things like this are controlled in the stylesheet (/includes/templates/your_template/css/stylesheet.css).

Set #navColumnOne and #navColumnTwo (or #navColumnOneWrapper and #navColumnTwoWrapper - there is a difference in effect) to have the background-color you want.

[OJM]

Argh, can't believe I missed that!

Many many thanks for your help - it's greatly appreciated!

[OJM]

Following on from the above...is there anyway of stretching it further (ie to the top of the page)?

Just above the columns is the logo which spans the whole width, but I was hoping to make the bg of the logo transparent, so you can see the two columns stretch to the top. Any ideas?

Cheers!

[gjh42]

I'm afraid that is not practical by this method.

However, you can make the body or #mainWrapper or #headerWrapper background-image give the effect you desire. The exact method for this will depend on exactly how you want your pages to behave. Do you have a fixed width, or fluid?