Post by Von Grootel » Sun Apr 08, 2012 7:41 pm

As you can see on my website: http://www.sociallonely.net/vongrootel/ ... ommon/home

You can see that the shopping cart is a little too big. Could someone help me to size this down?


Many Thanks!

Newbie

Posts

Joined
Sat Apr 07, 2012 5:58 am

Post by MarketInSG » Mon Apr 09, 2012 8:57 am

In your stylesheet.css file
Find

Code: Select all

#header #cart {
	position: absolute;
	top: 0px;
	right: 0px;
	min-width: 160px;
	padding:15px;
}
#header #cart:hover {
	min-width: 300px;
}
#header #cart .heading {
	float: right;
	padding-left: 14px;
	padding-right: 14px;
	padding-top: 10px;
	padding-bottom: 11px;
	border: 1px solid #EEEEEE;
	-webkit-border-radius: 7px 7px 7px 7px;
	-moz-border-radius: 7px 7px 7px 7px;
	-khtml-border-radius: 7px 7px 7px 7px;
	border-radius: 7px 7px 7px 7px;
	background: #292929;
	position: relative;
	z-index: 1;
}
#header #cart .heading h4 {
	color: #f1f1f1;
	font-size: 15px;
	font-weight: bold;
	margin-top: 0px;
	margin-bottom: 3px;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
}
#header #cart .heading a {
	color: #f1f1f1;
	text-decoration: none;
}
#header #cart .heading a span {
	background: #cf0000 url('../image/arrow-down.png') 97% 50% no-repeat;
	-webkit-border-radius: 4px 4px 4px 4px;
	-moz-border-radius: 4px 4px 4px 4px;
	-khtml-border-radius: 4px 4px 4px 4px;
	border-radius: 4px 4px 4px 4px;
	padding:3px 19px 3px 7px;
	font-size:13px;
	font-weight:bold;
}
#header #cart .content {
	clear: both;
	display: none;
	position: relative;
	top: 2px;
	padding: 8px;
	min-height: 150px;
	border: 1px solid #EEEEEE;
	-webkit-border-radius: 7px 7px 7px 7px;
	-moz-border-radius: 7px 7px 7px 7px;
	-khtml-border-radius: 7px 7px 7px 7px;
	border-radius: 7px 7px 7px 7px;
	background: #FFF;
}
#header #cart.active .content {
	display: block;
	z-index:10000;
}
#header #cart .cart {
	border-collapse: collapse;
	width: 100%;
	margin-bottom: 5px;
}
#header #cart .cart td {
	color: #000;
	vertical-align: top;
	padding: 10px 5px;
	border-bottom: 1px solid #EEEEEE;
}
#header #cart .cart .image {
	width: 1px;
}
#header #cart .cart .image img {
	border: 1px solid #EEEEEE;
	text-align: left;
}
#header #cart .cart .name small {
	color: #666;
}
#header #cart .cart .quantity {
	text-align: right;
}
#header #cart .cart td.total {
	text-align: right;
}
#header #cart .cart .remove {
	text-align: right;
}
#header #cart .cart .remove img {
	cursor: pointer;
}
#header #cart table.total {
	border-collapse: collapse;
	padding: 5px;
	float: right;
	clear: left;
	margin-bottom: 5px;
}
#header #cart table.total td {
	color: #000;
}
#header #cart .content .checkout {
	text-align: right;
	clear: both;
}
#header #cart .empty {
	padding-top: 50px;
	text-align: center;
}
Edit them yourself.


User avatar
Guru Member

Posts

Joined
Wed Nov 16, 2011 11:53 am
Location - Singapore
Who is online

Users browsing this forum: Bing [Bot] and 8 guests