Jump to content

[SOLVED] Prestashop Theme Modification - Cart CSS Collapse/Expand Issue


Recommended Posts

I've been working on a modification of the prestashop default template, and have made some good headway. Not done by any stretch, but close. Anyway, I've modified the Cart pretty heavily, and during the process, I screwed up the collapse and expand icons from appearing over the header of the block. I've been messing with it for a few days now, but can't resolve the issue or find out what I've done to break it to begin with.

If someone would be willing to look at the site and CSS and try and see what I broke, it would be much appreciated:

http://foreverstone.com/prestashop

I believe line 1460 in global.css is where the span divs are located. Thanks!

Link to comment
Share on other sites

Try this: change position from relative to absolute and add top:30px to

#cart_block h4 #block_cart_expand {
background-image:url("../img/icon/block_cart_expand.png");
background-position:left top;
background-repeat:no-repeat;
cursor:pointer;
padding-left:10px;
position:absolute;
top:30px;
width:12px;
}


at global.css (line 1472) and

#cart_block h4 #block_cart_collapse {
background-image:url("../img/icon/block_cart_contract.png");
background-position:left top;
background-repeat:no-repeat;
cursor:pointer;
padding-left:10px;
position:absolute;
top:30px;
width:12px;
}


at global.css (line 1463)

And you could add negative top margin for h4

div#cart_block.block h4 {
background:url("../img/block_cart.png") no-repeat scroll left top transparent;
height:47px;
margin-top:-17px;
}


at global.css (line 994).

29680_o5XdKi8qlBdsOvdQ4jT9_t

  • Like 1
Link to comment
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
×
×
  • Create New...