[Nick RParticipant]

Hi, if you visit the website omniprints.uk then visit shop you will see a list of categories and products below. If you resize the window you will notice that the product images smoothly resize in the correct responsive manner, however the category thumbnails do not and with a left justify, end up with a white band at the right. Is this a glitch in X theme? Don’t remember having this issue before. Not sure how to correct it.

All related plugins, theme and wordpress are up to date.

[ChristopherModerator]

Hi there,

Please add following code in Customize -> Custom -> CSS :

ul.products.cols-3 img {
    margin: 0 auto;
    display: block;
}

Hope it helps.

[Nick RParticipant]

Thanks, this worked a little better yet it still caused the category image to not adjust the same as the product images. Leaving a white border either side of the image as you shrunk the page down.

FIX: I found that the only difference between the 2 types (category image) (product image) was the missing line

“min-width: 100%”

By adding it to the ul.products.cols-3 img you mentioned before, it has seemed to fix the problem. Whether this is omitted from the theme by mistake or something caused it to disappear in my coding, not sure but all is working again.

[ChristopherModerator]

Glad to hear that it’s working fine.
Let us know if you have further questions.

[Author]

Posts