Product frame (border)

  • View post on imgur.com

    Hi, how to make the product frame the same everywhere, (I crossed out the green line) Because if I put CSS:
    .woocommerce .products .product-inner {
    height: 300px;
    }
    Everything is fine, but it no longer works responsive, the phone no longer fits in the frame, the text and price are not visible on the ipad either, you only see the picture.
    How can you make a smooth frame but anywhere and on the phone on the ipad.?

    Maybe you can limit the number of text, words, letters in a box? that if the title is long, I go after (…)

Viewing 3 replies - 1 through 3 (of 3 total)

  • Hello,

    You can use the following CSS properties and limit the product name, price, etc. to the dimensions you need:

    max-width
    max-height
    line-height
    font-size
    font-weight
    word-wrap
    letter-spacing
    overflow
    text-overflow

    Good luck

    Plugin Support RK a11n

    (@riaanknoetze)

    Hi there,

    While we don’t have any direct access to that site to check the underlying markup, you could try adding min-height to the product title. This will ensure that the height of the container will be the same regardless of its contents.

    To judge which height to use, I’d pick the product with the longest title. If you’d like us to take a closer look at the CSS involved, please share the URL of that page.

    Thanks!

    We haven’t heard back from you in a while, so I’m going to mark this as resolved – if you have any further questions, you can start a new thread.

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Product frame (border)’ is closed to new replies.