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 inactiveaccount9912
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.