Adding image under sidebox

[creation]

I am trying to add a PayPal logo (in my images file) under the left side boxes.

Have followed fAQ article as under with no success ----


For adding to the left and/or right sideboxes:
.leftBoxContainer, .rightBoxContainer {
margin: 0em;
border: 1px solid #9a9a9a;
border-bottom: 5px solid #336633;
margin-top: 1.5em;
}
The above CSS is taken from the Classic template (1.3.7) and may vary depending upon which template you are using and what modifications have been made to it.

Then add the following CSS to the appropriate block
/* create free space at the bottom of the box in which to display the image */
padding-bottom: 20px;
/* add the image to the boxes background */
background-image: url(../images/box_bg.jpg);
/* position the image at the bottom and center of the box */
background-position: bottom center;
/* EITHER set the image to not repeat */
background-repeat: no-repeat;
/* OR set it to repeat horizonatally */
background-repeat: repeat-x;

As a newbie I am having problems with uderstanding the codes etc.

I know it will be something dumb but can somebody assist..


Sorry I am athttp://www.creationsdelphine.com/catalogue/index.php?main_page=

[haredo]

I am trying to add a PayPal logo (in my images file) under the left side boxes.

Have followed fAQ article as under with no success ----


For adding to the left and/or right sideboxes:
.leftBoxContainer, .rightBoxContainer {
margin: 0em;
border: 1px solid #9a9a9a;
border-bottom: 5px solid #336633;
margin-top: 1.5em;
}
The above CSS is taken from the Classic template (1.3.7) and may vary depending upon which template you are using and what modifications have been made to it.

Then add the following CSS to the appropriate block
/* create free space at the bottom of the box in which to display the image */
padding-bottom: 20px;
/* add the image to the boxes background */
background-image: url(../images/box_bg.jpg);
/* position the image at the bottom and center of the box */
background-position: bottom center;
/* EITHER set the image to not repeat */
background-repeat: no-repeat;
/* OR set it to repeat horizonatally */
background-repeat: repeat-x;

As a newbie I am having problems with uderstanding the codes etc.

I know it will be something dumb but can somebody assist..


Sorry I am athttp://www.creationsdelphine.com/catalogue/index.php?main_page=

Lets try this:
includes/ templates/ template/ common/ tpl_main_page.php

We do not want to edit a core file unless you have set up the override system so if you have place this tpl_main_page.php file here

includes/ templates/ your_template/ common/ tpl_main_page.php

Find this: Around Line 92 or so

<div id="navColumnOneWrapper" style="width: <?php echo BOX_WIDTH_LEFT; ?>"><?php require(DIR_WS_MODULES . zen_get_module_directory('column_left.php')); ?></div></td>
<?php
}
?>

Replace with this:

<div id="navColumnOneWrapper" style="width: <?php echo BOX_WIDTH_LEFT; ?>"><?php require(DIR_WS_MODULES . zen_get_module_directory('column_left.php')); ?></div><div align="center"><img src="./images/logo.gif></div></td>
<?php
}
?>

1. Notice the red font logo.gif, replace this name also with your pay pal logo name
2. Make sure the logo is placed here in this folder of zen cart
3. root/ images

[creation]

Thanks but firstly it put a space under the left column then when i clicked on a product, it moved the full normally centre located product image to that position. Each subsequent product loaded in that position.

Obviously nearly there!

Thanks
!

[haredo]

Do you have a link to the site? or PM me

[stevesh]

Might be easier to place the image in a Blank Sidebox.

[haredo]

@Stevesh,
Dang you rabbit, I should of thought of that...