Change the font color in Product Listing page

[wilson_li]

Oh I see the problem, your main product image which you use on your listings isnt like your product images.

Exactly, that's because I added

#productMainImage {display:none;} 

I don't wanna the main product image shows in my product info page.

When I commented it the main product image shows up . Right now I have my name, price, description below my last additional image. How I can add price, name, description below the 1st additional image?

[dgent]

Exactly, that's because I added

#productMainImage {display:none;} 

I don't wanna the main product image shows in my product info page.

When I commented it the main product image shows up . Right now I have my name, price, description below my last additional image. How I can add price, name, description below the 1st additional image?

You can't, it would require hacking of the additional images module which I don't know what to do.

One way to get around it, would be put the product title and price below the product description code, and then simply add the FIRST image via HTML tags in your product description (in admin) to display it.

ie...

<img src="images/yourimage.jpg" align="center">

(or don't add the align="center" tag and align all of the product description in your stylesheet to center)

Bit crude, but will work fine.

[wilson_li]

You can't, it would require hacking of the additional images module which I don't know what to do.

One way to get around it, would be put the product title and price below the product description code, and then simply add the FIRST image via HTML tags in your product description (in admin) to display it.

ie...

<img src="images/yourimage.jpg" align="center">

(or don't add the align="center" tag and align all of the product description in your stylesheet to center)

Bit crude, but will work fine.

Thanks dgent, I'm trying to do this way. By the way, if you look at the footer: Copyright © 2011 campbellsloft. Powered by Zen Cart the color of "campbellsloft" and "Zen Cart" are in white which is caused by :

a:visited {
    color: #ffffff;
    text-decoration: none;
    } 

Can I revert it to black (the product listing page's text remains white)?

[dgent]

Why not just make that block at the bottom black, and make all the text it in white?

[wilson_li]

Why not just make that block at the bottom black, and make all the text it in white?

That's weird...... when I launched Google Chrome, and Firefox 5.0 the text showed on the footer..

[wilson_li]

Why not just make that block at the bottom black, and make all the text it in white?

Thanks dgent, I tried to add border (white) it worked but effected other sections

#addImagecont {
    border-color: [B]white[/B];
    border-style: solid;
    border-width: 70px 80px;
    padding-left: 2px;
    padding-right: 0;
    width: 845px;
} 

The line of code adds left-border-width: 70px, right-border-width: 80px, color in white to the additional image. However, the background color in header was in white as well.

Is there any way to add border like what showed in the attachment?

thanks

[dgent]

Add this to your style sheet

.additionalImages img { border: solid white 70px;}

Also, on your body tag in your stylesheet, you have 'color: black' - Did you mean background-color? Make all of the background black then, no white sides.

[wilson_li]

Add this to your style sheet

.additionalImages img { border: solid white 70px;}

Also, on your body tag in your stylesheet, you have 'color: black' - Did you mean background-color? Make all of the background black then, no white sides.

Thanks again, dgent! I once tried this line in my stylesheet, however it created much more space between additional images (that's I don't want to see).

[wilson_li]

Actually this can be achieved by editing:

.centerColumn, #bannerOne, #bannerTwo, #bannerThree, #bannerFour, #bannerFive, #bannerSix {
    background-color: white;
    border-color: white;
    border-right: 0 solid white;
    border-style: solid;
    border-width: 0;
    color: white;
    margin-top: 3.6em;
    padding: 0.8em;
    width: 1007px;
} 

.back {
    background-color: white;
    float: left;
    margin-top: -5px;
} 

However, I still have some problems with the header in white

[dgent]

Actually this can be achieved by editing:

.centerColumn, #bannerOne, #bannerTwo, #bannerThree, #bannerFour, #bannerFive, #bannerSix {
    background-color: white;
    border-color: white;
    border-right: 0 solid white;
    border-style: solid;
    border-width: 0;
    color: white;
    margin-top: 3.6em;
    padding: 0.8em;
    width: 1007px;
} 

.back {
    background-color: white;
    float: left;
    margin-top: -5px;
} 

However, I still have some problems with the header in white

Don't edit those, edit the body tag only.

background-color: #000 !important;