Forums / Templates, Stylesheets, Page Layout / How do I remove the border around the add to cart image on the product page?

How do I remove the border around the add to cart image on the product page?

Locked

Started by allegragatto on 9 Nov 2008, 12:46 AM · Views: 2,449

Results 1 to 6 of 6
This thread is locked. New replies are disabled.
9 Nov 2008, 12:46 AM
#1
allegragatto avatar

allegragatto

New Zenner

Join Date:
Nov 2008
Posts:
25
Plugin Contributions:
0

How do I remove the border around the add to cart image on the product page?

I am sorry, I think I saw another posting about this late last night when I was here, but for the life of me, I can't find it and I have been searching for more than an hour...

Does anyone know how to remove the border box from around the add to cart image on the product page?

I appreciate your help.
Allegra

9 Nov 2008, 1:00 AM
#2
haredo avatar

haredo

Totally Zenned

Join Date:
Apr 2006
Location:
Texas
Posts:
6,189
Plugin Contributions:
0

Re: How do I remove the border around the add to cart image on the product page?

AllegraGatto:

I am sorry, I think I saw another posting about this late last night when I was here, but for the life of me, I can't find it and I have been searching for more than an hour...

Does anyone know how to remove the border box from around the add to cart image on the product page?

I appreciate your help.
Allegra

Al,
Would help big time with a link to the site.
But A Stab in the DArk "Ozzy Ozborne"

Locate your_template/ stylesheet.css

Find this:
#cartAdd {
border: 1px solid #000000;
}

Just erase the border and her properties..

Need a hand with Zen Cart? Hire the team at myZenCartZone.com for upgrades, repairs, and custom plugins.

Zen Cart Certified hosting at myZenCartHost.com.

9 Nov 2008, 1:10 AM
#3
allegragatto avatar

allegragatto

New Zenner

Join Date:
Nov 2008
Posts:
25
Plugin Contributions:
0

Re: How do I remove the border around the add to cart image on the product page?

Hare,

You totally rock! I didn't think to look there and deliberately kept my learning by the seat of my pants fingers out of the shopping cart section of the stylesheet. LOL

My only issue now is how to get things aligned on the product page. Everthing on the bottom of the description is in different alignment and I would like it all to be even.

http://awitchshearth.com/zencart/index.php?main_page=product_info&cPath=2_67&products_id=184

Any suggestions?
Allegra

9 Nov 2008, 1:12 AM
#4
haredo avatar

haredo

Totally Zenned

Join Date:
Apr 2006
Location:
Texas
Posts:
6,189
Plugin Contributions:
0

Re: How do I remove the border around the add to cart image on the product page?

Al,
Explain in more detail on the alignment and what you need please..

Need a hand with Zen Cart? Hire the team at myZenCartZone.com for upgrades, repairs, and custom plugins.

Zen Cart Certified hosting at myZenCartHost.com.

9 Nov 2008, 1:18 AM
#5
allegragatto avatar

allegragatto

New Zenner

Join Date:
Nov 2008
Posts:
25
Plugin Contributions:
0

Re: How do I remove the border around the add to cart image on the product page?

What I would really like would be for the incidental info (model number, etc.), the write a review icon and the add to cart icon to all be aligned like they are in the same row of a table.

Does that make sense? I have OCD and misalignment of anything makes me nuts.

Allegra

9 Nov 2008, 1:45 AM
#6
haredo avatar

haredo

Totally Zenned

Join Date:
Apr 2006
Location:
Texas
Posts:
6,189
Plugin Contributions:
0

Re: How do I remove the border around the add to cart image on the product page?

AllegraGatto:

What I would really like would be for the incidental info (model number, etc.), the write a review icon and the add to cart icon to all be aligned like they are in the same row of a table.

Does that make sense? I have OCD and misalignment of anything makes me nuts.

Allegra

Locate your_template/ stylesheet.css

Add the following declaration below to the bottom of the .css

#productReviewLink {margin: -3.4em 0em 0em 0em;}

#productDetailsList {margin: -3.4em 0em 0em 8em;}

Need a hand with Zen Cart? Hire the team at myZenCartZone.com for upgrades, repairs, and custom plugins.

Zen Cart Certified hosting at myZenCartHost.com.