Zen Cart Logo
Forums / Templates, Stylesheets, Page Layout / Trouble moving Add to Cart button

Trouble moving Add to Cart button

Locked

Views: 1,048

Results 1 to 6 of 6
This thread is locked. New replies are disabled.
8 Apr 2009, 2:07 PM
#1
tr1guy avatar

tr1guy

New Zenner

Join Date:
Feb 2009
Posts:
6
Plugin Contributions:
0

Trouble moving Add to Cart button

Greetings. I'm running Zen Cart 1.3.8a. I am also using the Cherry Zen theme.

Here is the page in question: Click here.

The Add to CArt button is below the image and I desire it up with the other information next to the image.

I am very new to CSS and PHP, so a specific answer would be great! Thank you for any advice or direction you may offer!

8 Apr 2009, 2:18 PM
#2
haredo avatar

haredo

Totally Zenned

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

Re: Trouble moving Add to Cart button

Tr1,
Locate this:
includes/templates/cherry_zen/css/stylesheet.css
Find this:

#cartAdd {
float:right;
margin:10px auto;
padding-right:10px;
text-align:center;
width:125px;
}

  1. change the red font above to -15em;
8 Apr 2009, 2:45 PM
#3
tr1guy avatar

tr1guy

New Zenner

Join Date:
Feb 2009
Posts:
6
Plugin Contributions:
0

Re: Trouble moving Add to Cart button

Thank you for your quick response! I have done that. The button is now behind the image in IE, but seems to in the right place in Firefox. Any suggestions?

Here's the link again: click here...

8 Apr 2009, 3:04 PM
#4
haredo avatar

haredo

Totally Zenned

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

Re: Trouble moving Add to Cart button

Tr1,
Try add this declaration to:

  1. #cartAdd
  2. position: absolute;
8 Apr 2009, 4:24 PM
#5
tr1guy avatar

tr1guy

New Zenner

Join Date:
Feb 2009
Posts:
6
Plugin Contributions:
0

Re: Trouble moving Add to Cart button

Thank you again! But now it is far left into the left column on both FF and IE. Here is what I have in my CSS:

#cartAdd {
width:125px;
text-align:center;
margin:-15em;
float:right;
position: absolute;
padding-right:10px;
}

If I did anything wrong, pleae let me know.
Byron Wilkins

8 Apr 2009, 4:30 PM
#6
haredo avatar

haredo

Totally Zenned

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

Re: Trouble moving Add to Cart button

Tr1guy,
IE browser has me stumped on this one..

We need another Zenner to read the thread to help out.
Best to do is change to your first post. So they can fix...