Category Image issue

[Aelanna]

I added the cart block to the right column in the default Prestashop 1.6 theme. Now I'm having an issue with the category images being displayed.

 

The image is resized to a smaller size, and put in the middle of the image area, with a large gray block under it. I can change the block color to white, but I can't make the image display in its original full size (300 x 215 pixels). The image is resized to a height of 143 pixels.

 

In category.css I found this area:

          #subcategories ul li .subcategory-image a img {
            max-width: 33%;
            vertical-align: top; }

Which appears to resize the image to take up one-third of the image area, which is the size the image appears to be, but changing the 33% had no effect.

 

 

Is there a way to make the image show at its original size?

 

[vekia]

any chance to see page live?

it will be much easier for us to deal with css on your page

[Aelanna]

Yes, it can be found here:

 

http://www.countylinetobacco.com/index.php

[dioniz]

You can set category image size in BO > Preferences > Images under category_default.

 

After that you need to Regenerate thumbnails on the same page at the bottom.

[Aelanna]

It's currently set for 870 x 217, but that's not the size the images are... they're being resized to only 143 high.

[dioniz]

They are actually that big but they are resized to be minimum 217px in height (with padding defined by css).

Try to change them to 518 x 189px and see what happens

[Aelanna]

I didn't know whether you meant to change the image preferences to that size, or the images themselves, so I tried both. I set the image preferences to that size, no effect. I set them back to default, resized my image to that size, no effect. I changed the settings AND used the resized image, still no effect. No matter what I do it still looks the same on the site.

[dioniz]

Make your image 518 x 189px and then set preferences to same size and upload and image. Press Ctrl-F5 to clear browser cache and see if this helps.

[richsuccessonline]

Hi I'm also have the same issue.. Hopefully there is a solution

[Aelanna]

It's better, but still not there. There is now a gray bar on the right side of the image.

 

 

 

[Aelanna]

I captured the screen in my paint program to check sizing and resized the image to 570 x 189 and set the image preferences to that size as well, and now it finally fills the block up.

 

 

So I guess that's the way to make this work. All category images have to be 570 x 189 in size, and the image preferences have to be set to that size as well.

 

Now if only the category descriptions didn't write all over the top of the images, everything would be great. So for now I'm going without descriptions.

 

 

[crashtest777]

Hey guys I'm sorry to bring this backup but I'm having the exact same issue here. Meaning there are blank spaces to the left and to the right of the photo in the description of the category. 

 

It seems that it behaves the exact same way because I too have a grey band on the right side of the block.

https://drive.google.com/file/d/0B_D7C1f0zxY4QWlzSkFjbnBJdWs/view?usp=sharing

 

I tried fixing that by modifying the global.css but nothing gets to that 

.content_scene_cat .content_scene_cat_bg

 and if I reduce the size of the div it all scales down to proportion

 

https://drive.google.com/file/d/0B_D7C1f0zxY4N1VWbXRfMmd0cGs/view?usp=sharing

 

And if I add a 

display: none

 to .content_scene_cat_bg here is what it does

 

https://drive.google.com/file/d/0B_D7C1f0zxY4M2VBOTlXSzhJeGM/view?usp=sharing

 

And I'd rather keep the description than the photo seowise so I was wondering if anyone had a fix for that?

 

Thanks in advance for any help i've been trying all sorts of things for the last two days until I resigned to post here...