Support » Theme: Nozama Lite » Cannot get product blocks to be the same size

  • I am trying to get my product blocks to be the same size. I have tried uploading the same dimension pics. I have tried using smart image resize. I have tried custom aspect ration but nothing works.

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

Viewing 8 replies - 1 through 8 (of 8 total)
  • Hi there,
    Have you regenerated your thubmnails after changing the image size?
    You can also try this solution

    .item-product .item-thumb img {
        border-radius: 3px;
        max-height: 200px;
        width: auto;
        margin: auto;
        display: block;
    }

    in your custom CSS box and let me know if this helps.

    Thread Starter warrenvos

    (@warrenvos)

    Hi Fotis this code has made a big difference in the right direction, thank you so much. I’m not sure if the alignment of the box around the products can be fixed. As well as the prices. It looks like when products have names of 2 lines and then some with 3 it pushes the box and price downwards.

    • This reply was modified 4 years, 8 months ago by warrenvos.

    Hi there,
    You can add this

    .item-product{
     height:92%;   
    }

    in your custom CSS box to make it align better.
    Let me know if this worked for you.

    Thread Starter warrenvos

    (@warrenvos)

    This worked perfectly, thank you so much!!

    That’s great. Glad I could help. If you need additional help with anything, feel free to get in touch and I will be there for you within 24 hours.

    Also, we’d really appreciate if you could you take a minute and rate our theme/plugin at https://wordpress.org/support/theme/nozama-lite/reviews/. In order to provide a rating, you will need a WordPress.org account and it takes only a minute to create one by following this link https://login.wordpress.org/register

    Thread Starter warrenvos

    (@warrenvos)

    Will definitely rate the theme as I am very pleased with it. My only other question is with the prices, I have changed the font size etc but can’t seem to figure out if there’s a way to shift them down towards the bottom of the product block so that they can be in line horizontally when product names are sometimes 3 lines

    Hi there,
    Thank you!

    Now,
    try this custom css to fix the price issue.

    .item-product {
        display: flex;
        flex-wrap: wrap;
    }
    .item-product.item .item-content {
    
        padding: 20px 20px 55px;
    }
    .item.item-product  .price {
        font-size: 20px;
        bottom: 12px;
        position: absolute;
    }

    in your custom CSS box.
    Let me know if this worked for you.

    • This reply was modified 4 years, 8 months ago by Fotis.
    Thread Starter warrenvos

    (@warrenvos)

    Worked like a charm. Would rate 10 stars if I could. Thank you so much for all the help

Viewing 8 replies - 1 through 8 (of 8 total)
  • The topic ‘Cannot get product blocks to be the same size’ is closed to new replies.