Forums / Templates, Stylesheets, Page Layout / how to move price alongside add to cart

how to move price alongside add to cart

Started by ben_harry on 28 Aug 2013, 3:30 PM · Views: 704

Results 1 to 7 of 7
28 Aug 2013, 3:30 PM
#1
ben_harry avatar

ben_harry

Zen Follower

Join Date:
Mar 2007
Location:
Cornwall - uk
Posts:
462
Plugin Contributions:
0

how to move price alongside add to cart

using 1.5.1 and stuck on how i can relocate the price from under the main product image to the right hand side of the info page alongside the add to cart button. Ive moved things arounf in product-info-display and also added #productDetailsList {color:#444443;margin-top:10px;margin-bottom:10px;float: right;}
#productPrices {float: right;margin-top:10px;} in css but with no luck...any idea on what coding i can use. thanks - http://www.bodykitsonline.co.uk/subaru/subaru-impreza-turbo-gc8-sparco-strut-brace-steel

Ben

28 Aug 2013, 3:50 PM
#2
stevesh avatar

stevesh

Black Belt

Join Date:
Feb 2005
Location:
Lansing, Michigan USA
Posts:
19,793
Plugin Contributions:
2

Re: how to move price alongside add to cart

It's on the right here. You might want to add a little more margin-top to #productPrices.

28 Aug 2013, 4:23 PM
#3
ben_harry avatar

ben_harry

Zen Follower

Join Date:
Mar 2007
Location:
Cornwall - uk
Posts:
462
Plugin Contributions:
0

Re: how to move price alongside add to cart

HI, its on the right for me aswell, id like it to be on the same line as add to cart but to the left of it, i'll add some more to the margin top to bring it down but what would i need to do to move it to the left of the button...

28 Aug 2013, 4:31 PM
#4
stevesh avatar

stevesh

Black Belt

Join Date:
Feb 2005
Location:
Lansing, Michigan USA
Posts:
19,793
Plugin Contributions:
2

Re: how to move price alongside add to cart

Something like this:

#productPrices {
float: left;
margin: 1.6em 0 0 22.6em;
}

If you want the price any closer to the Add To Cart box, you'll have to place that section inside the Add To Cart section in the template file, which may cause a whole new set of issues.

28 Aug 2013, 4:44 PM
#5
ben_harry avatar

ben_harry

Zen Follower

Join Date:
Mar 2007
Location:
Cornwall - uk
Posts:
462
Plugin Contributions:
0

Re: how to move price alongside add to cart

thanks, that has placed it spot on :) ... how do i move the add to cart up to be inline, i changed the top-margin on #productDetailsList but it doesnt seem to be moving the cart .

28 Aug 2013, 4:46 PM
#6
ben_harry avatar

ben_harry

Zen Follower

Join Date:
Mar 2007
Location:
Cornwall - uk
Posts:
462
Plugin Contributions:
0

Re: how to move price alongside add to cart

meant to mean to say how to be inline with the buy now button....

28 Aug 2013, 4:54 PM
#7
ben_harry avatar

ben_harry

Zen Follower

Join Date:
Mar 2007
Location:
Cornwall - uk
Posts:
462
Plugin Contributions:
0

Re: how to move price alongside add to cart

ben harry:

thanks, that has placed it spot on :) ... how do i move the add to cart up to be inline, i changed the top-margin on #productDetailsList but it doesnt seem to be moving the cart .

Ill feel a bit embarrassed if you said it is the cart add section i need to change ;)