Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #1101107

    Hallo,

    vorerst mal, super Theme! Macht Spaß damit zu arbeiten!
    Allerdings hätte ich einige Punkte die mir auf der Shopseite aufgefallen sind

    Und zwar:

    Wir haben verschiedene Produktbilder mit verschiedenen Höhen (Waffenschränke & Briefkästen zB.).

    Leider ist es uns nicht möglich die Bilder & Buttons darunter auf eine einheitliche Höhe zu bringen.
    Gibt es dazu eine Lösung? Jedes Produktbild einzeln anzugreifen kommt für uns nicht in Frage – da wir vorhaben das Theme öfter für unsere Kunden zu verwenden.

    Außerdem würden wir gerne den Warenkorb Button sowie den Merkzettel Button einzeln stylen, allerdings ist darüber die selbe Klasse gelegt. Kann man das umgehen?

    Vielen Dank im Vorraus!

    Beste Grüße
    Raphael Leithner

    • This topic was modified 2 months ago by  go-comsafe.
    #1102371

    Hey go-comsafe,

    Thank you for using Enfold.

    You can set the minimum height of the product image container with css.

    #top .thumbnail_container img {
        min-height: 242px;
        object-fit: contain;
    }

    Best regards,
    Ismael

    #1104451

    Thanks for the answer Ismael,

    unfortunately it doesn’t solve the problem we are facing.
    + do you have a solution for us styling each one of the buttons differently?

    The product images are just scaling with the container and don’t fit in it anymore if we use this CSS.
    We have different dimensions for each of our product images.

    We want the container to be the same height, and the product images scale with it, I don’t think this is a CSS issue.

    Do you have a solution please?

    BR
    Raphael

    #1104803

    Hi,

    Thanks for the update.

    It seems to be working properly on our end. This is how the grid looks after adding the css code.

    Screenshot: https://imgur.com/a/yxYThZz

    #top .thumbnail_container img {
        object-fit: contain;
        margin: 0 auto;
    }
    
    .thumbnail_container {
        margin: 0 auto;
    }

    Is that what you need?

    Best regards,
    Ismael

Viewing 4 posts - 1 through 4 (of 4 total)

You must be logged in to reply to this topic.