How To Increase Width Of Product Attribute Box?

[flowfeet]

I have added some attribute values to my products and there are a few that have more characters than others. When the attribute is selected and it is too long it will show "..." instead of the actual value. Is there a way to increase the width of the actual attribute box so that the entire value will show when the box is selected? 

I've used the browser inspect element and found that it is using some inline styling element, however I do not know where it is pulling this from.  

[ventura]

look in this file:

themes\your_theme\product.tpl

and in this part change this width and height values

<img src="{$img_col_dir}{$id_attribute|intval}.jpg" alt="{$colors.$id_attribute.name|escape:'html':'UTF-8'}"
 title="{$colors.$id_attribute.name|escape:'html':'UTF-8'}" width="20" height="20" />

[flowfeet]

I updated the height and width within the product.tpl file for that element but no change. There is a <span> tag that has the width value (48px), but not sure where to find it.
 

<div class="selector" id="uniform-group_4" style="width: 58px;"><span style="width: 48px; user-select: none;">9.5</span></div>

[ventura]

I do not think so, 48px frame looks more than bigger than the attached image. It is depend on the theme used, maybe it is in a css rule.

See the website it will be hepful.

[Essenze Total Style]

Hi

i have same problem.i see the answer about the file product.tpl but in my theme i don't find any value about attribute box size

i use prestashop 1.7.6.4 with default theme 

i need to change the size of attributes box (so i can show attributes like miniatures -little images) to click & select

Thaks in advance for support

[Nickless]

@Essenze Total Style

Don't know if you still need this but for PS 1.7 you can find the code in theme.css in the folder themes/classic/assets/css.

Then find the part that says: 

input[type=checkbox]+span.color 

After that part change the value of 

width:1.25rem;height:1.25rem

to something you prefer.

 

-Dave

Edited May 9, 2020 by Nickless (see edit history)