The forum of the forums
Would you like to react to this message? Create an account in a few clicks or log in to continue.

Shop Code

2 posters

Go down

Solved Shop Code

Post by Asriel Sat 16 Nov 2013 - 16:03

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

Shop Code  MlGt2iL

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 Mon 25 Nov 2013 - 0:35; edited 1 time in total
Asriel
Asriel
Forumember

Male Posts : 585
Reputation : 32
Language : English, Russian, Ukrainian
Location : St. Somewhere

http://www.worldofmutants.forumotion.com

Back to top Go down

Solved Re: Shop Code

Post by SLGray Sat 16 Nov 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.


Shop Code  Slgray10

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

Male Posts : 51498
Reputation : 3523
Language : English
Location : United States

https://forumsclub.com/gc/128-link-directory/

Back to top Go down

Solved Re: Shop Code

Post by Asriel Mon 25 Nov 2013 - 0:32

Solved. Thanks.
Asriel
Asriel
Forumember

Male Posts : 585
Reputation : 32
Language : English, Russian, Ukrainian
Location : St. Somewhere

http://www.worldofmutants.forumotion.com

Back to top Go down

Solved Re: Shop Code

Post by SLGray Mon 25 Nov 2013 - 0:40

Topic Solved & Locked


Shop Code  Slgray10

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

Male Posts : 51498
Reputation : 3523
Language : English
Location : United States

https://forumsclub.com/gc/128-link-directory/

Back to top Go down

Back to top

- Similar topics

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