Images below sideboxes

[RoPey]

Hi
I want to place an image below the sideboxes in both the right and left columns. Could someone tell me which file it is best to put these in, the column-right/column-left.php files or the tpl_main_page.php? Or maybe even somewhere else?

Thanks for any help.
RoPey

[kuroi]

It's best to put them in your stylesheet. Just add some padding to the bottom of the sideboxes to make space and then add your images as background images aligned to the bottom of each box.

Here's an example

.leftBoxContainer, .rightBoxContainer {

margin: 0em;
border: 1px solid #9a9a9a;
border-bottom: 5px solid #336633;
margin-top: 1.5em;
padding-bottom:45px;
background: url(../images/box_bottom_image.gif) bottom center no-repeat;

}

[RoPey]

It's best to put them in your stylesheet. Just add some padding to the bottom of the sideboxes to make space and then add your images as background images aligned to the bottom of each box.

Here's an example

Thanks for the reply! However I obviously didn't word my question correctly. What I'm after is placing an image underneath the line of sideboxes. I want to put the Protx secured image on one side and the card images on the other. Sorry.

[kuroi]

Same approach would work, but you would apply it to the navColumnOneWrapper and navColumnTwoWrapper instead. Alternatively you could use the blank sidebox mod to create two additional sideboxes and position them via the Admin.

[billybonds]

If I've understood you correctly then you should open

templates/YOUR_TEMPLATE/common/tpl_main_page.php and locate

<?php
 /**
  * prepares and displays left column sideboxes
  *
  */
?>
<div id="navColumnOneWrapper" style="width: <?php echo BOX_WIDTH_LEFT; ?>"><?php require(DIR_WS_MODULES . zen_get_module_directory('column_left.php')); ?></div></td>

and insert your image..

/**
  * prepares and displays left column sideboxes
  *
  */
?>
<div id="navColumnOneWrapper" style="width: <?php echo BOX_WIDTH_LEFT; ?>"><?php require(DIR_WS_MODULES . zen_get_module_directory('column_left.php')); ?></div><br /><br />HERE</td>

and do the same for the right column (you may also wish to put it inside a new <div> to sort our positioning, etc.)