SOLVED How To Increase size of Attribute Color (texture)

[Lasse Jensen]

Hi

I use prestashop 1.7.5.2

I want to make the icons for the attribute colors (where I have a texture) to be bigger, but I cant seem to find were to change this.

I found to change the size of the drop down menus in  the theme.css file (I use Leo travel gear theme):

Quote

.product-variants {
  border-top: 1px solid #eaeaea; }
  .product-variants > .product-variants-item {
    margin: 1.25rem 0; }
    .product-variants > .product-variants-item select {
      border: 1px solid #eaeaea;
      padding: 2px;
      outline: none;
      margin-top: -0.625rem;
      width: 12.75rem; 
      height: 2.5rem; }

But cant seem to find any where I can change the size of the texture icons...

I have seen a lot of old posts where they change the product.css but that dont seem to be the case anymore:

 

 

 

Edited August 4, 2020 by Lasse Jensen (see edit history)

[mickeyboy1]

Have you got a link to your site

[Lasse Jensen]

Here is a link to one of the product pages with attributes:

https://leatherandthelikes.dk/forside/10-230-noglering-i-100-genbrugslaeder.html#/78-genbrugslaeder-uspecificeret_sort_laeder/85-metal-gun_metal

 

its the squares rigt to the word "genbrugslæder" og "metal" that I would like bigger...

 

[Lasse Jensen]

I can change the size of the hidden radio buttons, but that dosen't have any effect on the textures...

Does anyone have a clue?

[mickeyboy1]

Have you tried changing the height and width in same stylesheet.css file and look for

.color, .custom-checkbox input[type="checkbox"]+span.color {

 

[Lasse Jensen]

Worked Perfectly  Thanks Mickeyboy1

 

How do I mark this as solved?

 

Edited August 4, 2020 by Lasse Jensen (see edit history)

[mickeyboy1]

Glad its working for you

To mark this solved goto your first post click edit and add SOLVED to the tile

[Vignesh R]

Hi guys I am having the same issue here I want to increase size as well as remove the wrapping on attributes once clicked the zoom out effect. Please let me know the file path to edit. 

[Vignesh R]

I edited similar code but no results for me.

[Vignesh R]