Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • #932991
    #933386

    Hey Riccardo,

    Thank you for using Enfold.

    I’m sorry but you can’t achieve this with css alone. It will also distort the images. Please resize the images first and make sure that they have the same sizes just like in the demo.

    // https://kriesi.at/themes/enfold/

    These are few of the images used in the demo.

    // https://kriesi.at/themes/enfold/files/2013/10/woocommerce.png
    // https://kriesi.at/themes/enfold/files/2013/10/kriesi.png
    // https://kriesi.at/themes/enfold/files/2013/10/dribbble.png

    Best regards,
    Ismael

    #933481

    that will be the best start : try to give the images a unique Appearance.

    on that page here i give to the partner-logo element a custom class
    first is sameheight – second is samewidth
    for the values it depends on the possibility to show the whole image – so on my example it makes no sense to give a width more than 20%
    otherwise the images can not show with proportional aspect ratio.

    https://webers-testseite.de/partner-logos/
    you have to adjust these values to your partner-logos and settings

    .samewidth .slide-entry-wrap {
        display: inline-flex;
    }
    
    .samewidth .slide-entry {
        margin-bottom: 0px !important;
    }
    
    .samewidth img {
        width: 220px !important;
        height: auto;
        position: relative;
        top: 50% !important;
        transform: translateY(-50%);
    }
    
    .sameheight img {
        height: 50px !important;
        width: auto !important;
    }

    on responsive case you see that same height option leeds to some special behavior – it depends on how you like to handle this case what we could do.

    #933623

    Hi,

    Another solution is to use png logos of same size with transparent background this will ensure the logo will stay center aligned.

    Best regards,
    Vinay

    #933677

    thanks vinay thats what i mentioned with:

    that will be the best start : try to give the images a unique Appearance.

    sorry for that bad english – its not what i try to say: try to give the pictures the same outer size.

    but sometimes the users not even have a good image processing program.
    It is allmost better to optimize the images for the intended use. ( on perfomance reasons too)

    #933776

    Hey guys,
    Thank you very much for all answers. I eventually did the transparent background thing.
    Best,
    Riccardo

    #933791

    Hi,

    Thanks #@Guenni007

    Glad it worked for you :)

    We will close this ticket, in case you have any issue in future please open a new ticket.

    Best regards,
    Vinay

Viewing 7 posts - 1 through 7 (of 7 total)
  • The topic ‘Vertical alignment of Partner Logos’ is closed to new replies.