Zen Cart Logo
Forums / Templates, Stylesheets, Page Layout / Align or Move "Tell a Friend" button

Align or Move "Tell a Friend" button

Locked

Views: 2,122

Results 1 to 9 of 9
This thread is locked. New replies are disabled.
9 Apr 2008, 10:41 PM
#1
utopiko avatar

utopiko

New Zenner

Join Date:
Apr 2008
Location:
Montreal
Posts:
34
Plugin Contributions:
0

Align or Move "Tell a Friend" button

Hi, i would like to move the button "Tell a friend" so it is align under the product detail list...

If you need to see the link : click here
I only found answer to remove it....

Thanks

9 Apr 2008, 10:53 PM
#2
kobra avatar

kobra

Black Belt

Join Date:
Aug 2005
Location:
Arizona
Posts:
31,500
Plugin Contributions:
4

Re: Align or Move "Tell a Friend" button

Try adding this to your stylesheet

#productTellFriendLink {
float: left;
margin-left: 250px;
}
10 Apr 2008, 8:23 PM
#3
utopiko avatar

utopiko

New Zenner

Join Date:
Apr 2008
Location:
Montreal
Posts:
34
Plugin Contributions:
0

Re: Align or Move "Tell a Friend" button

Thanks kobra.
Worked perfectly :D

23 May 2008, 12:15 AM
#4
handkem avatar

handkem

Zen Follower

Join Date:
Oct 2006
Posts:
152
Plugin Contributions:
0

Re: Align or Move "Tell a Friend" button

Kobra, do you know how I can hide those buttons if needed (Write a review, Tell a friend about us, etc.)?

23 May 2008, 2:32 AM
#5
kobra avatar

kobra

Black Belt

Join Date:
Aug 2005
Location:
Arizona
Posts:
31,500
Plugin Contributions:
4

Re: Align or Move "Tell a Friend" button

handkem:

do you know how I can hide those buttons if needed (Write a review, Tell a friend about us, etc.)?
Where can I see your install

23 May 2008, 4:12 PM
#6
utopiko avatar

utopiko

New Zenner

Join Date:
Apr 2008
Location:
Montreal
Posts:
34
Plugin Contributions:
0

Re: Align or Move "Tell a Friend" button

handkem,

If you want to hide those buttons, just go to :

Admin -> Catalogue -> Product Type

On the right side, you have a box with two buttons, click on "Edit Layout"

And there you will have the option (true or false) of displaying those buttons.

23 May 2008, 5:04 PM
#7
handkem avatar

handkem

Zen Follower

Join Date:
Oct 2006
Posts:
152
Plugin Contributions:
0

Re: Align or Move "Tell a Friend" button

Thank you much for the reply! I changed some settings when I first starting using ZenCart and couldn't figure out where I made these changes...now I know.....thx again!

23 May 2008, 5:14 PM
#8
handkem avatar

handkem

Zen Follower

Join Date:
Oct 2006
Posts:
152
Plugin Contributions:
0

Re: Align or Move "Tell a Friend" button

One more question if you don't mind.....how/where can I move the Add selected products to Cart button? It's probably a stylesheet thing, but I can't figure it out If you need my website, it's www.desertskyink.net ....thx

18 Jun 2008, 3:52 PM
#9
helensama avatar

helensama

New Zenner

Join Date:
Dec 2006
Location:
Northwest Connecticut
Posts:
87
Plugin Contributions:
0

Re: Align or Move "Tell a Friend" button

Hello, I found this post and replies to be very helpful, Thank you! I used the stylesheet code Kobra suggested to align both Tell A Friend and Ask a Question with Add to Cart, but it only looks OK in Firefox, so I think using a - value for margin-top is not the solution for all browsers. In Safari on the Mac, for example, the Tell A Friend is out of line. I'm hoping someone has a suggestion. The zen cart I'm working on is http://johnnycakebooks.com/index.php and I ended up with this as css code:
#cartAdd {
float: right;

}

#askQuestion {
float: left;
margin-left: 400px;
margin-top:-68px;

}

#productTellFriendLink {
float: left;
margin-left: 225px;
margin-top:-81px;
}

Thanks, Helen