Image size in color picker - I know it's been covered, but the solution doesn't work for me

[OnTargetPro]

Other posts have recommended changing the global.css file here:


#primary_block a.color_pick {
display: block;
width: 50px;
height: 50px;
border: 1px solid #666;
cursor: pointer

to adjust the width and height. It changes the size of the box, but NOT the size of the swatch. Would be ok with an enlargement on hover, too

Thanks,

[goneamiss]

You can force the image to resize by editing your global.css file to also include settings for the image within class "color_pick." I just tried this on a cart I'm developing, and it worked for me!

#primary_block a.color_pick {
display: block;
width: [desired width];
height: [desired height];
border: 1px solid #666;
cursor: pointer
}

#primary_block a.color_pick img
{
width:[same as you set above];
height:[same as you set above];
}