Background Images

Please Help!!!!!!!!! I need to know how to put my background image on my shopping card..... what path I need to take.... I am racking my brain and it hurts. Help Please...... Thank you and GOD BLESS

Joseph

Joseph,
Breathe, calm, focus, relax:yes:
If you are refering to the main background on either side of the store page then you need to put the image in the images folder and the add this line to your stylesheet in the body rule```
background-image: url(../images/bg_stone1.jpg);}

Adjust the filename in red to your filename

Mike,
I am Breathing a little slower now...... do you mean body
{
margin: 0;
font-family: verdana, arial, helvetica, sans-serif;
font-size: 62.5%;
color: #000000;
background-color: #e5edf5;
background-image: url(../images/backgrnd1.png);}

And I put it in my cart images folder but nothing happened...... what would happen if you had it in the wrong folder or in 2 or 3 different folders? Thanks for your help

God bless
Joseph

This is from my stylesheet. The body rule set is the first one at the top of the stylesheet

body {
	margin: 0;
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 62.5%;
	color: #000000;
	background-color: #bca492;
	background-image: url(../images/bg_stone1.jpg);}

Mike,

PRAISE THE LORD....... I got it

but I have another question for you...... how come the colors comes out different on my wife's laptop..... how do you change the color of the side boxes..the header... they are green now.....https://www.mydoggilicious.com/cart

Joseph

Template related images need to be in the template images directory.

If your template is YOUR_TEMPLATE, then you need an images directory inside YOUR_TEMPLATE

I see you got it to work.

Kim,
I agree with you on the location, but if I wanted use that background with multiple templates (ie. seasonal) would it not be better to put it in the main images directory so that I don't have to have multiple copies of it?

Nevermind me. I just checked the location of my background images and its in my template directory:blush: forgot about ../images is my template images directory

.leftBoxHeading, .centerBoxHeading, .rightBoxHeading {
	margin: 0em;
	background-color: #ffffff;
	background-image: url(../images/tile_back.gif);
	padding: 0.5em 0.2em;
	}

as you can see the header currently have an image, either replace that image or delete the background-image line and adjust the background-color to your liking

Mike
so what you guys are saying is.... it is ok to keep my background image where you told me to put it... ( images folder)

God bless
Joseph

go with what Kim said: includes/templates/Your_template/images

Ok how do you change color of the top header where it say (home & Log In) and the bottom footer...... Please Help.. Not to good at this but learning alot everyday....Thank you and God Bless

Joseph

#navMainWrapper, #navSuppWrapper, #navCatTabsWrapper {
	margin: 0em;
	background-color: #abbbd3;
	background-image: url(../images/tile_back.gif);
	padding: 0.5em 0.2em;
	font-weight: bold;
	color: #ffffff;
	height: 1%;
	}

Delete the background-image line and change the background-color to suit your layout.
I would advise you to download Firefox, make sure you turn on (if included) the web developers toolbar. With that you can use the "display element information" tool to see what class/id is for each element on a page. Very handy.

I thank you so much for all your help....... As you know I have some more questions. How do I move up the boxes on the left so there isn't so much of a space between the red line and the Categories box.........Thanks and May God bless you with move of HIM. https://www.doggilicious.com/cart

Joseph