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 16/11/2013, 16:03

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 25/11/2013, 00:35; edited 1 time in total
avatar
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 16/11/2013, 20:44

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 : 39671
Reputation : 2678
Language : English
Location : United States

https://fmthemes.forumotion.com/

Back to top Go down

Solved Re: Shop Code

Post by Asriel on 25/11/2013, 00:32

Solved. Thanks.
avatar
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 25/11/2013, 00:40

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 : 39671
Reputation : 2678
Language : English
Location : United States

https://fmthemes.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