Category image

[albidin]

While I am trying to load image which is different from default size( see attachments) on mobile screen the space reserved for default image is diplayed in grey colour and at the same it looks good at laptop screen. Can somebody advise how is possible to fix this?

[dioniz]

Is it possible to see your site?

[vekia]

the question is: what you exactly expect? you want to remove this gray box? change it to white? 

[albidin]

link is http://albiavo.ipage.com/shanteoperfetto

 

I am not sure that to change grey colour to white will change site picture: anyway it would be empty space - it's not perfect.

Is it possible reajust settings in order to have perfect picture( more or less)?

[dioniz]

You can change this by opening category.tpl and remove min-height:{$categorySize.height}px; but then your image container won't resize properly either. You can then add media queries to category.css something like this:

@media (max-width: 1199px) {
   .content_scene_cat .content_scene_cat_bg {
      min-height:200px;
   }
}

@media (max-width: 767px) {
   .content_scene_cat .content_scene_cat_bg {
      min-height:150px;
   }
}

and so on...

It's not perfect solution but i don't have a better idea right now

[albidin]

Many thanks!

I did changes and, in addiition, I changed background colour to white.

It looks much better now.

[patukos]

I've tried to do this, but even I removed min-height:{$categorySize.height}px from the function in catergory.tpl, recompiled my templates, deleted my cache files and I don't remember what else, I still have min-height:286 px; for my category images.

 

You can see it in: http://patukos.net/12-primera-puesta-0-a-3

 

Any ideas??