Page 1 of 1

Header cart styling (Solved)

Posted: Fri Feb 17, 2012 8:32 am
by rapro
Hey guys i need some help with header cart styling. When i hover over a cart it (dropdown cart content) opens to the right, i want to change it but cannot figure out where exacly.

Webshop link: http://tinyurl.com/7oj7ucp

Thanks in advance for a push in the right direction.

Re: Header cart styling

Posted: Sat Feb 18, 2012 4:58 pm
by florinsith
Edit the file catalog/view/theme/yourtheme/stylesheet/stylesheet.css

and look at this piece of code:

Code: Select all

#header #cart {
	position: absolute;
	top: 0px;
	right: 0px;
	z-index: 9;
	min-width: 300px;
}
#header #cart .heading {
	float: right;
	margin-right: 172px;
	padding-left: 14px;
	padding-right: 14px;
	margin-top: 10px;
	padding-top: 10px;
	padding-bottom: 6px;
	border-top: 1px solid #C9CBCD;
	border-left: 1px solid #C9CBCD;
	border-right: 1px solid #C9CBCD;
	border-bottom: 1px solid #C9CBCD;
	background: #FFF;
	position: relative;
	z-index: 1;
}
switch the margin-right value from #header #cart .heading with the right value from #header #cart if you want the cart to stay still and open to the left, or set the margin-right value for #header #cart .heading to 0 , and your cart will move to the right till the margin.

Re: Header cart styling (Solved)

Posted: Mon Feb 20, 2012 9:22 am
by rapro
Thank you florinsith!

Solved.