Adding images to right/left column

Hi everyone,

I am needing to add a few small images to the left column underneath a layout box and I can't figure out exactly where to go. I found this thread...

https://www.zen-cart.com/tutorials/index.php?article=257

The part I'm not getting is where it says to 'Then add the following CSS to the appropriate block'.

Where exactly is this 'block'. I'm not ever sure if this is what I need to do but I'd appreciate any help.

Here is a link to the site under construction, I need to add some trading card logos under the search box on the left...

http://www.rookieyearcollectibles.com

Thanks in advance

Hi,

The block refers to the two blocks of CSS at the top of the page.

For example, if you need to add an image in the left column you would add this block to your templates css stylesheet

.leftBoxContainer {
margin: 0em;
border: 1px solid #9a9a9a;
border-bottom: 5px solid #336633;
margin-top: 1.5em;
padding-bottom: 20px;
background-image: url(../images/nameofyourimage.jpg);
background-position: bottom center;
background-repeat: no-repeat;
background-repeat: repeat-x;
}

and then you would simply upload your image to your templates images folders

Hope this clears things up for you :wink:

Hi there..

Thanks for the reply. What I'm trying to do is to have the images outside of the layout boxes. I'll admit that layout via .css is still pretty new to me.

Thanks for helping

robinstl:

Hi there..

Thanks for the reply. What I'm trying to do is to have the images outside of the layout boxes. I'll admit that layout via .css is still pretty new to me.

Thanks for helping
http://www.zen-cart.com/forum/showthread.php?t=75487
Similar request with solution at above url