[Brookebot]

I finally figured out how to edit it! I didn’t realize all I had to do was click on the section to see what that particular section contained. Changing status to resolved.

[Brookebot]

This reply has been marked as private.

[Brookebot]

This reply has been marked as private.

[Brookebot]

I think you maybe meant this & that’s not helping at all 🙁

only screen and (min-device-width: 480px) {
.woocommerce ul.products li.product figure {
padding-bottom: 200px !important;
}
}
only screen and (min-device-width: 768px) {
.woocommerce ul.products li.product figure {
padding-bottom: 260px !important;
}
}

[Brookebot]

Ehehe, I’m excited! It’s almost there! So, at normal browser window size that looks great! Re-size the window to see responsive design & it gets ugly. Can you help me fix that too?

[Brookebot]

Actually, there was only 1 number that was off in my ratios & that was the height of the Product Thumbnail (should be 160px). That number though should not make a difference in what we are trying to work on, right?

[Brookebot]

My catalog image was set to 270 x 360 before I started adding products. (Image attached for proof). Follow the link above & click on the “Shop” page to see that all catalog images work perfectly. Only the portfolio pages w/ product displayed by shortcode & width:100% have the issue with being squat (cut off) with bad hover. Do I really have to change to height of 320px? I really prefer my height of 360px for my type of product (book) rather than changing to height 320 & losing 40px off the bottom. I can see however, my ratios in the 3 types (Catalog Images, Single Product Image, and Product Thumbnails) of image sizes are off. Maybe that’s the problem?

[Brookebot]

This reply has been marked as private.

[Brookebot]

I applied the CSS. Product image still does not perform as expected (performs perfectly on “shop” page). See attached image. The product image is cut short, the hover is off (probably because of the way the image is being displayed), & there is no way to hide the top line.

[Brookebot]

One more way to make the product a featured product! See attached image – On the products panel (where your lists of all products are) there is a star on each line for each product. Click to make solid to feature image – click again to reverse the solid star & product will not be a featured product.

[Brookebot]

Laranz,
That was the 1st thing I tried. Unfortunately it did not work. See my results in the screenshot I’ve attached to this post. I’ll also attach a screenshot of my post edit screen w/ the Swift Page Builder so you can see that’s exactly what I did.

[Brookebot]

CORRECTION: I challenge anyone to help me get my portfolio single page to look like this – NOT PRODUCT SINGLE PAGE

[Brookebot]

@catseye – Also, you can actually control the order in which the latest products display without having to change the publish date! There is this super awesome plugin I use all the time called Post Types Order <—–this link takes you to the WordPress plugin repository for the free download. What this plugin does is allows drag and drop capability to re-order blog posts, portfolio posts, product posts & any other custom post type you may have! When installed if you hover over the WordPress admin lefthand menu (for example – hover over portfolio) you will see “Re-order” appear at the bottom of the posts options menu. Click there to open the drag and drop re-order screen.

[Brookebot]

@catseye – I feel your pain. I don’t understand why it isn’t in the documentation 🙁 I figured it out though and wanted to share to help you out. (See image attached.) In the publish box on the right hand side of the screen while editing the product there is a tiny link labeled “edit” – it is displayed directly below where it says “Catalog visibility:” & directly above the publish or update button. Check that box and click update to save.