Forums / Templates, Stylesheets, Page Layout / Image on sidebox edges

Image on sidebox edges

Locked

Results 1 to 4 of 4

This thread is locked. New replies are disabled.

20 Oct 2007, 6:44 PM

beth_katherine

Zen Follower

Join Date:: Feb 2007
Posts:: 158
Plugin Contributions:: 0

Image on sidebox edges

I want to put an image on the right side of my left sideboxes and an image on the left side of my right sideboxes or put an image on the left and right sides of my center box. How do I do this?

Beth-Katherine

20 Oct 2007, 6:52 PM

kobra

Black Belt

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

Re: Image on sidebox edges

In your stylesheet.css file find and possibly seperate these and add a background image with I suppose a vertical repeat or "repeat-y" and position left or right

.leftBoxContainer
.rightBoxContainer

20 Oct 2007, 6:57 PM

gjh42

Black Belt

Join Date:: Jul 2005
Location:: Upstate NY
Posts:: 21,876
Plugin Contributions:: 8

Re: Image on sidebox edges

Add to your stylesheet```
.leftBoxContainer {
background: url(../images/yourleftboxbg.gif) top right repeat-y;
}

.rightBoxContainer {
background: url(../images/yourrightboxbg.gif) top left repeat-y;
}

20 Oct 2007, 8:21 PM

beth_katherine

Zen Follower

Join Date:: Feb 2007
Posts:: 158
Plugin Contributions:: 0

Re: Image on sidebox edges

Awesome! Worked beautifully, thank you.

Beth-Katherine