Product Attribute Image Size

[Soapi]

I'm wanting to change the image size of the product attributes. Currently it's stuck at 20px by 20px, despite my changing the following to 50px by 50px

 

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

 

When I inspect the page source, it's telling me that HTML is forcing it to be 20 x 20, and I can't find where or why this is happening.

 

<img src="http://coolahcreations.com/img/co/1.jpg" alt="Milk" width="20" height="20">

 

HTML Attributes

 

width: 20px;

height: 20px;

 

Where do I change this so it matches the CSS?

[yaniv14]

Try to add img to the css:

 

#primary_block a.color_pick img {width:50px;height:50px;}

[Soapi]

Wicked!! Seems to have worked, thank you!!

[Swedutch]

In which css are you changing this?

Because I cannot find it and I need to change it as well.

[yaniv14]

This topic is old so I don't remember but usually css's related to product page is in product.css which located in your theme folder under css folder, most of the rest is in global.css in the same folder.

[Anton_bcn]

Useful tip if u cant find something you can do it with notepad++ or total commander you can search IN files with filters by extension and only of contains something.

 

for Notepad++ press ctrl+shift+f and do search

for Total Commander alt+f7 and do search