-
Posts
-
I am doing a category layout page for my site and one section has 3 category thumbnails (instead of 4 which there is space for)
Is there a way to centre these 3 thumbnail on the page so there isn’t a gap at the far right?
I tried adding a 3 column and then putting a text box in the middle one with the [product_categories number=”” parent=””] shortcode, but the resulting display is a squished version of the thumbnails instead of shifting them all to the middle alignment at full size.
Hey!
Please post us your login credentials (in the “private data” field), so we can take a look at your backend.
Login credentials include:
- The URL to the login screen.
- A valid username (with full administration capabilities).
- As well as a password for that username.
- permission to deactivate plugins if necessary.
Best regards,
YigitSure! Please see pvt content
Pages in question for aligning
http://dev.deliciousontap.co.uk/deli-cious-oils-range/
I imagine it is not possible though, as the layout is done in columns, and the thumbnails cant be half in one column and half another. :(
Hi,
I edited your pages and added ‘columns=”3″‘ to your shortcodes and added following code to Quick CSS
.woocommerce.columns-3 .products li { width: 32.3%; }Please review your website now
Best regards,
YigitThanks Yigit
I checked it and I see that the thumbnails are now filling the page width. They look fine :)
The only thing (which is inevitable) is that they are bigger than those in a row of 4. My original question was whether it was possible to nudge the row of 3 of the original thumbnail size, to the centre. But I guess it is all to do with the width of the columns. Four is obviously going to result in smaller thumbnails than three columns.
- You must be logged in to reply to this topic.