The forum of the forums
Welcome to the Official Support Forum of Forumotion!

To take full advantage of everything offered by our forum, please log in if you are already a member, or join our community if you've not yet.



Create a free forum like this one.

Shop Code

View previous topic View next topic Go down

Solved Shop Code

Post by Asriel on November 16th 2013, 4:03 pm

I need help moving "shopping cart" slightly to the bottom. So, it's not so high up at the top.



Bellow is the CSS used to modify the shopping cart. Hopefully it'll prove useful.

Anything in code says ".cart" is associated with a shopping cart.

 Thank you.

Code:
<style type="text/css">
.header{color:#FA8805;font-size:54px;text-align:center;text-shadow:4px 3px 4px #000000;height:40px;padding-bottom:40px;border: 3px solid #660BAB;}
.shopWrapper {border: 6px double #138900;}
.title{color:#000;font-size:12px;}
.image img{height:60px;width:60px;}
.image{text-align:center;}
.points{color: #FFA773;font-size:10px;float:left;text-align:center;}
.sale{color: red; font-size:9px;float:right;text-align:center; font-weight: strong;}
.item{width:130px;min-height:150px;border:1px solid #000000;overflow:hidden;height:auto;padding:5px;background: white;text-align:center;}
.descrip{background:#138900;overflow:hidden;height:auto;min-height: 50px;}
.description {color: white;font-size: 10px;word-wrap: break-word;text-align: left !important;float: left;text-indent: 5px;}
.itemWrapper{text-align:center;margin:0 auto;float:left;}
.inventWrapper{float:left;width:600px;height:auto;overflow:hidden;}
.cart{overflow: hidden;background: white;}
.cart_title{text-align:center;color: #138900;border-bottom:2px solid #138900;}
.cart_items{text-align:left; font-size: 11px; color: #1DD300;}
.cart_body{text-align: center; background: url('http://i46.servimg.com/u/f46/12/16/55/86/bg_24710.png');
margin: 0 auto;
overflow-x: hidden;
overflow-y: scroll;
border: 3px solid #138900;
height: 300px;
background-color: #1DD300}
.cartWrapper{float:center;width:200px;}
.totaler{bottom:0; color: black;}
li:hover{cursor:pointer;}
#checkout{float: left;
height: 100px;
text-align: center;
font-size: 11px;
font-family: Verdana;
background: #138900;
border-top: 3px solid black;
margin-top: 5px;
width: 100% !important;}
</style>


Last edited by Asriel on November 25th 2013, 12:35 am; edited 1 time in total

Asriel
Forumember

Male Posts : 583
Reputation : 30
Language : English, Russian, Ukrainian
Location : St. Somewhere

http://www.worldofmutants.forumotion.com

Back to top Go down

Solved Re: Shop Code

Post by SLGray on November 16th 2013, 8:44 pm

Code:
#checkout{float: left;
height: 100px;
text-align: center;
font-size: 11px;
font-family: Verdana;
background: #138900;
border-top: 3px solid black;
margin-top: 5px;
Try changing the margin-top number.


When your topic has been solved, ensure you mark the topic solved.
Never post your email in public.


SLGray
Administrator
Administrator

Male Posts : 36697
Reputation : 2445
Language : English
Location : United States

http://ztwds.forumotion.com/

Back to top Go down

Solved Re: Shop Code

Post by Asriel on November 25th 2013, 12:32 am

Solved. Thanks.

Asriel
Forumember

Male Posts : 583
Reputation : 30
Language : English, Russian, Ukrainian
Location : St. Somewhere

http://www.worldofmutants.forumotion.com

Back to top Go down

Solved Re: Shop Code

Post by SLGray on November 25th 2013, 12:40 am

Topic Solved & Locked


When your topic has been solved, ensure you mark the topic solved.
Never post your email in public.


SLGray
Administrator
Administrator

Male Posts : 36697
Reputation : 2445
Language : English
Location : United States

http://ztwds.forumotion.com/

Back to top Go down

View previous topic View next topic Back to top


 
Permissions in this forum:
You cannot reply to topics in this forum