Positioning Cart in Product Info Page

[aneroxic]

HI I have been trying hard to position the Cart to be inline on the top with my attribute (Size) dropdown. Right now there is a big space on top of the Cart and despite me trying to take away all padding, margins, it cant seem to move up.

Am not very well versed in CSS and hope some veteran in this can advice me

http://www.ragdoll.sg/store/index.ph...&products_id=1

[haredo]

Locate this:

store/includes/templates/custom_premium/css/stylesheet.css

Find this:

#cartAdd {
background: none repeat scroll 0 0 #F2EBE1;
border: 1px solid #DBCBB6;
clear: both;
float: right;
margin-right: 50px;
padding: 1em;
text-align: center;}

1. The highlighted red font is your fix.
2. Try this and change as you wish.
3. margin: -4.6em 5em 0 0;

[kobra]

In your stylesheet you currently have

#cartAdd {
float:right;
clear:both;
text-align:center;
padding:1em;
background:#f2ebe1;
border: 1px solid #dbcbb6;
margin-right:50px;
}

Try changing it to this and see

#cartAdd {
float:right;
clear:both;
text-align:center;
padding:1em;
background:#f2ebe1;
border: 1px solid #dbcbb6;
margin: -5.5em 2.5em 0em 0em;
}

[aneroxic]

wow

u guys are awesome! really very helpful n made my day better!

God Bless

Lilian

[haredo]

You are most welcome ..
Take time one day to download the browser called Firefox (Moxilla) and download an Add On called Web Developer or Firebug. These two allow you to view your site and make changes to the stylesheet.css and when you are happy just edit the original .css file and upload the changes to your server...

[haredo]

https://addons.mozilla.org/en-US/firefox/addon/1843
Use the FIREBUG and DEVELOPER TOOLKIT add-ons to Firefox browser to help you find relevant style classes and ID's within the template.