Hi, I am using Air Theme, which looks awesome!
I have set my categories as boxes. When I upload an image 200 x 200px it does not fit nicely. I am not sure what css I would need to make it look like the box on the right but with my image. So the colour goes to the edges the same way the one on the right does.
Just an update. This is what it says on the upload screen - Recommended 1:1 aspect ratio with 200px minimum size. If left blank no image will be shown. - I have also made it 1000 x 1000 and there is no change, so I think this might be an issue with the way the theme is working. Apart from it not displaying the image to the edges of the box, it also shows a part of the previous blue background behind my image.
Any thoughts or ideas?
Hi there – is this on your hosted trial? If so, you will not be able to edit the CSS on our Starter plan, I’m afraid.
Hi Hawk,
Thanks for your reply.
No I am on a fresh self hosted install with Air Theme. I kind of think there is an issue with the theme with aligning the images correctly. All I did was upload my file in the recommended ratio and the displayed result is as you see it above.
It would be nice if the image was displayed all the way to the edges as it does in the placeholder before uploading images. If not at the very least not have the blue remnants of the placeholder visable behind my image.
I’m happy to put CSS code somewhere to fix it, though I am not sure where and what code I need to put in there. Though as I said I think it might be something going on with the theme not displaying the uploaded file correctly.
There’s a margin-top: .5em on the parent div, which shifts the parent and the child image down.
You can try overriding this behavior:
categories-list .category .category-logo.aspect-image {
margin-top: 0;
}
I think this issue should have an official fix, though.