Forums / Templates, Stylesheets, Page Layout / how do I put an image into the left column?

how do I put an image into the left column?

Locked

Views: 2,887

Results 1 to 7 of 7
This thread is locked. New replies are disabled.
3 Mar 2008, 12:57 AM
#1
gaukler avatar

gaukler

New Zenner

Join Date:
Nov 2006
Posts:
26
Plugin Contributions:
0

how do I put an image into the left column?

I'd like to move my sign.jpg logo ( the one at the top left) from the header to the top of the left column (where Search is at the moment). My site is at http://www.medievalwares.com/zt/
Any suggestions?
mark

3 Mar 2008, 1:07 AM
#2
geolab avatar

geolab

New Zenner

Join Date:
Feb 2008
Posts:
12
Plugin Contributions:
0

Re: how do I put an image into the left column?

Do you know how I can vertically align my boxes - the centre box is too low - I have taken out everything in the define_main_page, remove the Congrats text and turned of the breadcrumbs!!

help!!

http://celticcairn.com/shop/

3 Mar 2008, 1:41 AM
#3
kobra avatar

kobra

Black Belt

Join Date:
Aug 2005
Location:
Arizona
Posts:
31,500
Plugin Contributions:
4

Re: how do I put an image into the left column?

geolab:

how do I put an image into the left column?
I dislike negative values in margins be this will get you what you want
Find these tags in your stylesheet.css file and edit to look like

.centerBoxWrapper {
	border: 1px solid #9a9a9a;
	height: 1%;
	margin: 0em 0;
        }

.centerColumn {
        margin-top: -5px;
	padding: 0em 0.8em;
	}

#bannerOne, #bannerTwo, #bannerThree, #bannerFour, #bannerFive, #bannerSix {
	padding: 0.8em;
	}

The last has centerColumn seperated into it's own entry

Zen-Venom Get Bitten

3 Mar 2008, 3:31 AM
#4
gaukler avatar

gaukler

New Zenner

Join Date:
Nov 2006
Posts:
26
Plugin Contributions:
0

Re: how do I put an image into the left column?

Kobra- is that a reply to my question, or to Geolab's?
mark

3 Mar 2008, 6:36 AM
#5
misty avatar

misty

Inactive

Join Date:
Apr 2004
Location:
UK
Posts:
5,752
Plugin Contributions:
1

Re: how do I put an image into the left column?

gaukler:

I'd like to move my sign.jpg logo ( the one at the top left) from the header to the top of the left column (where Search is at the moment). My site is at http://www.medievalwares.com/zt/
Any suggestions?
mark
At Top of column, left and right sides, adjust padding to suit image

#navColumnOneWrapper, #navColumnTwoWrapper {
padding-top:119px;
background: url(../images/top_column1.jpg) top center no-repeat;
} 

At Bottom of column, left and right sides, adjust padding to suit image

#navColumnOneWrapper, #navColumnTwoWrapper {
padding-bottom:86px;
background: url(../images/bottom_column2.jpg) bottom center no-repeat;
} 

Dezina ZenCart Templates
Please do not PM for support queries..Post in forums..help others

3 Mar 2008, 6:52 AM
#6
kobra avatar

kobra

Black Belt

Join Date:
Aug 2005
Location:
Arizona
Posts:
31,500
Plugin Contributions:
4

Re: how do I put an image into the left column?

Sorry Mark....

Got these crossed up????

Iquoted you but posted for geolab???

Guess I should step away from the key board!!!

If misty's suggestion either did not work or you do not prefer it -
I posted to some thread your answer....

Get the blank side box module from the downloads section -

Install it and set it to be first in the sort order for the left column

With css you can eliminate the header and the border if you want

Zen-Venom Get Bitten

3 Mar 2008, 11:14 AM
#7
geolab avatar

geolab

New Zenner

Join Date:
Feb 2008
Posts:
12
Plugin Contributions:
0

Re: how do I put an image into the left column?

kobra - thanks for that - your script in post 3 worked a treat.