Shop Code

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
avatar
Asriel
Forumember

Male Posts : 584
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.

avatar
SLGray
Administrator
Administrator

Male Posts : 43479
Reputation : 3090
Language : English
Location : United States

http://fmthemesdesignteam.forumotion.com/

Back to top Go down

Solved Re: Shop Code

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

Solved. Thanks.
avatar
Asriel
Forumember

Male Posts : 584
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.

avatar
SLGray
Administrator
Administrator

Male Posts : 43479
Reputation : 3090
Language : English
Location : United States

http://fmthemesdesignteam.forumotion.com/

Back to top Go down

Back to top


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