Image Fit + Text Placement

  • Resolved mmk175

    (@mmk175)


    6 months, 2 weeks ago

    Hi there,

    I am not sure if this query is for the theme (storefront) or woocommerce but I was wondering if there was a way for me get my images and “product cards” to function in a specific way.

    This would likely only have to happen for desktop as mobile is straight forward.

    So, if you notice my images and “product cards” (the title of the product and price).

    IMAGES

    Images – I have edited it via Customize > Woocommerce > Product Images > Thumbnail capping > 1:1

    The images I have are from a supplier and all over the place regarding size.

    Is there any way to make the images fit within a specified box/thumbnail box?

    ***************

    Product Cards

    You’ll notice when the product titles sometimes have more than one line of text, making the add to cart button out of line with others.

    Is there any way to “anchor” those in place?

    *******************

    Any help or advice would be greatly appreciated.

    The page I need help with: [log in to see the link]

Viewing 3 replies - 16 through 18 (of 18 total)

  • Hi @mmk175,

    Apologies for the query that got lost amidst the other issue! I’d be happy to help you. You’re right there’s a bit of a left margin on that product feed, this is because it’s picking up the rule for Unordered Lists (UL) to have a bit of a margin there. This can be seen in more detail here:

    Direct link to the image: https://prnt.sc/KKvIxJZj0xNZ

    However, this is an easy fix! ?? To help you achieve this, you can use this custom CSS snippet I’ve created for you:

    /* Fix spacing for product feed | 8173423-zen OP */
ul.products-block-post-template {
    margin-left: 0;
}

    You can apply it by following these steps:

    1. Go to your WordPress.com dashboard and navigate to Appearance > Customize.
    2. In the Customizer, select the Additional CSS option.
    3. Add the CSS provided here.?
    4. Click the “Publish” button to save the changes.

    If you encounter any difficulties or have any further questions, please don’t hesitate to let me know. I’ll be glad to assist you further.

    Cheers!
    -OP

    Thread Starter mmk175

    (@mmk175)

    Oh my sweet Jesus. You have no idea how happy this makes me.

    After a rough week of fixing one thing and breaking another two. This is finally getting the site into a good starting point to go live.

    You’re a legend. The whole team and support crew here. Thanks again so very much.

    Hi @mmk175,

    Thank you so much for the kind words of feedback! I’m glad we were able to help! If you have a few minutes, we’d love if you could leave us a review here: https://www.ads-software.com/support/theme/storefront/reviews/#new-post

    Cheers!
    -OP

Viewing 3 replies - 16 through 18 (of 18 total)
  • The topic ‘Image Fit + Text Placement’ is closed to new replies.