a couple ? background, extra white space, row colors

[bwhitmire]

Yesterday, I was so frustrated I through all my template changes away and started from scratch and am finally making progress!

Here is the link: http://picturethisphototiles.com/store/

Here are my questions:

1. I have tried everything to put a background image. I tried inserting code in the navWrapper portion of the css and other areas but nothing seems to work. I did a search on the forum but never really found anything that would work for me. I even tried just replacing tile_back.jpg and that never worked either.

2. All that extra white space underneath my Welcome message. How do I get rid of it

3. When you look at a category and it gives you a list of products in that category. I would like each row to be a different color to break the products apart. Where can I change that? I saw code in the stylesheet regarding rows, I changed those color attributes and nothing changed.

Any help would greatly be appreciated.

As a side note, I am trying to document stuff as I go so maybe future people will have an easier time with finding what they need to change.

[seethrou]

1. I have tried everything to put a background image. I tried inserting code in the navWrapper portion of the css and other areas but nothing seems to work. I did a search on the forum but never really found anything that would work for me. I even tried just replacing tile_back.jpg and that never worked either.

What and where of the image you want to insert?
Pls give more info.

2. All that extra white space underneath my Welcome message. How do I get rid of it

By view the page source of your site:

<div class='content' id='indexDefaultMainContent'>
<font size='1' color='#0000c0'>
</font>

<p>
</p>
<p>
</p>
<p>
<font size='1' color='#0000c0'>
<font color='#51244a'>
<font size='2' face='Arial'>
YOUR TEXT CONTENT .....
</font>
<font size='2' face='Arial'>
YOUR TEXT CONTENT .....
</font>
<font size='2' face='Arial'>
YOUR TEXT CONTENT .....
</font>
<u>
<font size='2' face='Arial Black'>
<img width='274' hspace='0' height='204' border='0' align='right' longdesc='../picturethis/Personalized Photo Gifts' src='file:///C:/Documents%20and%20Settings/Bonnie%20Whitmire/Desktop/Picture%20This%20Photo%20Tiles/siteasof02072006/images/personalizedgifts.gif' alt='Picture This Photo Tiles Personalized Photo Gifts' style='width: 274px; height: 204px;' />
</font>
</u>
<font size='2' face='Arial'>
YOUR TEXT CONTENT .....
</font>
<font size='2' face='Arial'>
YOUR TEXT CONTENT .....
</font>
</font>
</font>
</p>
<!-- #EndEditable -->

Your contents seems been cut and pasted from another program. And its not right.

1. The extra white space seems created by the two blank paragraphs in your contents above. And I marked them in red <p> </p> <p> </p>

2. Take care your image in the content for the link point to your ==> file:///C:/Documents......

3. When you look at a category and it gives you a list of products in that category. I would like each row to be a different color to break the products apart. Where can I change that? I saw code in the stylesheet regarding rows, I changed those color attributes and nothing changed.

Please refer to page 2 of the topic below.
Product Listed to close together

.

[bwhitmire]

Thanks for the reply. I knew there was a problem with the image but I wasn't sweating the small stuff. I did find the problem with the paragraph marks so that is now fixed. Also, thanks for the link to the message re: product listings..it worked perfectly!

As for the background image, where should I be putting that in the files? I know there has been some discussion on the tile_back default image. I even tried replacing that with my own and it didn't replace the background (am assuming because I am using the override system). Where would I put I put the tile_back image to override the default? I am perfectly ok with leaving it the same way if I can just get it to show up.

[seethrou]

The image should be put in your file directory with the Override:

includes/templates/YOUR_TEMPLATE/images/

[bwhitmire]

I had done that, that doesn't work. Where is the tile_back.jpg in the files? I used the Development kit and it can't find any reference to it in any of the pages. I am assuming that's the problem.

Where should I put the reference to the background picture?

Thanks again for the help!

[seethrou]

With refer to your logo and its in the right directory.
http://picturethisphototiles.com/sto...mages/logo.gif

For the tile_back.jpg file only, it have copies in the
includes/templates/classic/images/tile_back.jpg
includes/templates/template_default/images/tile_back.jpg

Just copy one of the above file of tile_back.jpg, or simply create one for your own, put it to your override directory. (Its only a 3 x 30 px image).

and the dir is
includes/templates/YOUR_TEMPLATE/images/tile_back.jpg

for example, in your stylesheet
start about from line #489

h3.rightBoxHeading, h3.rightBoxHeading a {
font-size: 1em;
color: #FFFFFF;
}

change to:

h3.rightBoxHeading, h3.rightBoxHeading a {
background-image:url(../images/tile_back.jpg);
font-size: 1em;
color: #FFFFFF;
}

After that, refresh your browser and view your page again. And see that it change or not.

.

[bwhitmire]

Thanks for the reply. I'm not sure why I was having a problem with it before. I had thought I had done all that but apparently not. Again, thanks for all your help!

[seethrou]

Thanks for the reply. I'm not sure why I was having a problem with it before. I had thought I had done all that but apparently not. Again, thanks for all your help!

Glad to hear that you had the problems solved.

.