Solved: Cart block CSS

[jleesaxon]

Dumb question: where is the CSS for the Cart block? I can't find it in global.css (maybe not surprising given its size!)

Edited July 9, 2013 by jleesaxon (see edit history)

[Martin Uker K]

It's in a module, blockcart. You need to override it in your theme if you want to modify it (Create a new one in /css/module/blockcart/*.css)

[jleesaxon]

Ah, I was looking in [mytheme]/modules/blockcart instead of [myshop]/modules/blockcart. Thank you!

 

#header #cart_block seems to work well for styling the expanded portion, but I can't figure out how to to style the collapsed portion?

[PSfever.com]

Hi,

 

please post the link to your site + the list of changes you want to make. I can help with that! Do you use normal module block cart, or is it edited in any way?

[jleesaxon]

Thanks! http://www.elliscamera.com/

 

I've tweaked background and border in "#header #cart_block" in blockcart.css, otherwise it is unmodified.

 

I would like for the collapsed portion to have, like the expanded portion:

 

background:#fafafa
border:1px dashed #000
border-radius:5px

[vekia]

if you're talking about this:

 

This isn't cart.

it's a <ul> element named header_nav (id)

 

you can define styles for that in the: /modules/blockuserinfo/blockuserinfo.css file (line ~8)

 

change it to:

#header_nav {
list-style-type: none;
float: right;
background: #fafafa;
border: 1px dashed #000;
border-radius: 5px;
}

 

effect:

[jleesaxon]

Ah! Thank you vekia! That's confusing!

 

The border and border radius worked, but the background color did not.

 

That box is dark gray, but no background color is defined in #header_nav. It's defined somewhere else. Adding background color to #header_nav didn't override the dark gray definition, so we'll need to find and remove/change it.

 

Any theories?

[vekia]

just use background param with !important; modifier it will work

[jleesaxon]

Actually, !important; didn't work since the contradicting background definition was on the same style sheet ( !important; seems to only work if the definition you're trying to supercede is in a different file.

 

In case anyone is wondering, I found it under

 #shopping_cart a

Edited July 22, 2013 by jleesaxon (see edit history)

[vekia]

and what about background, it works now?

[jleesaxon]

Yeah removing the background color from "#shopping_cart a" was the solution.

[DillyDog]

How can I remove this block altogether?

[DillyDog]

It's OK, just sussed it!

[mowax]

Hi, I am having a similar problem. I'm trying to remove the border-radius by editing blockuserinfo.css, and it works but only until you expand the cart, then it returns to having 3px border-radius. Please check my site to see what I'm talking about:

Edited July 22, 2013 by duratex (see edit history)

[jleesaxon]

duratex, I had that problem too, and it turns out it it's very easy to fix. See the last post in http://www.prestashop.com/forums/topic/263037-solved-blockcart-mouseover-affects-blockuserinfo-border-radius/ .

Edited July 22, 2013 by jleesaxon (see edit history)

[mowax]

Great one mate, thanks a lot!

[vekia]

hello duratex

 

you've got exactly the same issue?