[Solved]Color attribute - Wont display 'texture' at correct size! grrrrr!

[dazlia]

Hi guys,

 

Ok, I am trying to use an image as the 'texture' for one of my colour attributes. So, i created a gif at 20x20 pixels and uploaded it, then checked in my shop and could see that 20x20pixels was too large. So after measuring it it turns out it needs to be 15x15pixel to fit within the bounding box.

 

So i created same image but 15x15pixels and uploaded that. However, it still doesn't line up, because its displaying my 15x15pixel image at 20x20pixels still. If i right click (in firefox) on the image in my front end and choose 'display image info' it says :-

 

"15px × 15px (scaled to 20px × 20px)"

 

Here's a screenshot so you can see what the issue is. any help would be appreciated as always guys

 

 

Vekia.............wake up! lol

Edited August 30, 2013 by dazlia (see edit history)

[manouki8]

I am having the same problem, uploading custom texture/color does not fit into the border even though it is 15 x 15. I am using a custom theme.

[vekia]

in both cases everything looks like css issue, without url is hard to say what you have to change.

[dazlia]

Hi Vekia,

 

if you could have a quick look I'd appreciate it please. It's

I'll send you a PM with my URL mate as it's still in testing phase

 

thanks buddy

 

 

[manouki8]

in both cases everything looks like css issue, without url is hard to say what you have to change.

Can you check mine also please

[vekia]

just send me PM with url to the product with texture

[vekia]

remove all shadow definitions from:

 

.attribute_list #color_to_pick_list li.selected {
border-radius: 15px;
-webkit-box-shadow: 0px 0px 0px 2px rgba(0, 0, 0, 1);
-moz-box-shadow: 0px 0px 0px 2px rgba(0, 0, 0, 1);
box-shadow: 0px 0px 0px 2px rgba(0, 0, 0, 1);
-webkit-transition: all .2s ease-in-out;
-moz-transition: all .2s ease-in-out;
transition: all .2s ease-in-out;
}

 

it's a part of /themes/millenium/css/product.css near 553 line

[vekia]

@dazlia here is the solution for you:

 

/themes/default/css/product.css near line 207

 

add position:relative;

.attribute_list #color_to_pick_list li.selected {
border: 1px solid #000;
position:relative;
}

 

then in product.css add this style:

#color_to_pick_list img {position:absolute; left:-1px; top:-1px;}

[dazlia]

Thanks again Vekia, I'll try it in the morning mate

[dazlia]

Worked like a charm Thank you - Thread marked as solved.

[vekia]

glad to hear that i could help you a little in this case, if you will encounter problems with this attribute in other product pages - feel free to continue discussion here

[Mr.Bean_S]

My problem with the color attribute is that I can't remove an uploaded texture and use html-color instead.
Hope it was ok to use this thread for this question.

An easy fix is of course to remove the color-value and add it again but this would affect all products using this color.

Edited September 23, 2013 by Mr.Bean_S (see edit history)

[dwipakri]

Hi, I have same problem with this thread and also on category list page.

 

Here is it pic from my product page:

 

And here is it pic from my category list page:

 

 

I was send PM to Vekia, hopefullnya its can fixed.