I fixed problem (2) on my own, but there is still too much white space underneath my images on the single product page (with the additional details etc).
Rather than centre the images, I would like to remove the white space completely. I think it appears because some of my images are different sizes/shapes to the others. Again, I know this is CSS, but I do not know the code to use.
Thank you
Hi Elver28,
we are glad that you are enjoying the plugin! You are right, it is possible to edit the page style with the Custom CSS.
Here are the CSS codes:
//To hide the frame of the image (you can set your margin to whatever fits your liking)
.prod-cat-addt-details-main-div { height: auto; margin-bottom:30px; }
//To hide the space between the image and the end of page. The space is initially set for additional details. Therefore, if you have additional description details to your product, do not use this:
.prod-cat-addt-details-desc-div {display: none}
Hopefully, we have answered your questions. For more information, please do not hesitate to reach us again!
Hello,
For some reason the custom CSS does not work on my page. I managed to change the colour of my catalogue and exclude particular displays, but anything more fancy does not seem to work.
The white still appears under my images (and for smaller images, also at the sides). I’m not sure if this is the correct terminology, but I think the image container itself is too big.
It’s a shame because other than that the catalogue looks really cool!
Thank you
Actually, I think the best way to describe my problem is that I would like my images in the additional details page to look like those in screenshot 2 on the screenshots page (how they are centred within the border). My images currently are not.
Thank you!
Hi Elver28,
Would you be able to send a screenshot of your product page to [email protected] ? A clear example would help us troubleshoot with you.
I have sent the screenshots! Thank you 🙂
