Products same height - by ziga32 - on WordPress WooCommerce support

This topic has 14 replies, 3 voices, and was last updated 4 years, 6 months ago ago by ziga32

  • Avatar: ziga32
    ziga32
    Participant
    May 20, 2021 at 10:27

    Is it possible to make add to cart button aligned to the bottom for the products with longer name? Like this?
    https://i.imgur.com/Ie5Nulw.png

    also how can I make prices of products not on sale also in purple?
    https://i.imgur.com/HJmTGaX.png

    many thanx

    13 Answers
    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    May 20, 2021 at 10:42

    Hello,

    1) Try code from this topic – https://www.8theme.com/topic/how-can-i-align-it/#post-285664
    2) Theme Options > Theme custom CSS:

    .content-product .price {
        color: var(--et_active-color);
    }
    .product-details>span>del {
    	color: var(--et_main-color);
    }

    Regards

    Avatar: ziga32
    ziga32
    Participant
    May 20, 2021 at 12:27

    thank you, there is still something not ok
    https://i.imgur.com/BYD2tI3.png

    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    May 20, 2021 at 13:01

    You’re welcome!
    Please provide URL of the mentioned page.

    Regards

    Avatar: ziga32
    ziga32
    Participant
    May 20, 2021 at 14:59

    it’s the same, the one from ticket creations
    https://nova.clickstore.si/

    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    May 20, 2021 at 15:04

    Here is what I can see on your Home page – https://i.gyazo.com/282cadaf071eb6a85732be06ce26053e.png It seems all is fine. Please clear cache of browser and check one more time.

    Regards

    Avatar: ziga32
    ziga32
    Participant
    May 20, 2021 at 16:17

    please try on smaller resolution (1366px) so the products with longer names break in 2 lines

    Avatar: Olga Barlow
    Olga Barlow
    Participant
    May 20, 2021 at 21:44

    Hello,

    Add the below code in addition

    .content-product .product-content-image {
        display: flex;
        max-height: 220px;
        height: 220px;
        min-height: 220px;
        align-items: flex-start;
        justify-content: center;
    }
    
    .content-product .product-content-image img {
        max-height: 220px;
        width: auto;
    }
    
    .content-product .product-title a {
        min-height: 5ex;
        line-height: 2.5ex !important;
    }

    Regards

    Avatar: ziga32
    ziga32
    Participant
    May 20, 2021 at 22:50

    that seem to fix it, thank you.

    do you maybe know why I always get the email notification for your answer just for the first reply and not the other ones?

    Avatar: Olga Barlow
    Olga Barlow
    Participant
    May 21, 2021 at 07:52

    Hello,

    That’s strange. We’ll check the issue with the notifications.

    Regards

    Avatar: Olga Barlow
    Olga Barlow
    Participant
    May 25, 2021 at 09:51

    Hello,

    We have checked your system and don’t see problem with the email notification. Did you check the Spam folder?

    Regards

    Avatar: ziga32
    ziga32
    Participant
    May 27, 2021 at 08:49

    I did, but no luck. thanks anyway.

    Avatar: Olga Barlow
    Olga Barlow
    Participant
    May 27, 2021 at 10:17

    Hello,

    Check your registration email. Is this correct? It’s very strange that you don’t get emails because our sever logs display that it was sent.

    Regards

    Avatar: ziga32
    ziga32
    Participant
    June 3, 2021 at 11:46

    I get your first reply, but not next ones. nevermind.

  • Viewing 14 results - 1 through 14 (of 14 total)

The issue related to '‘Products same height’' has been successfully resolved, and the topic is now closed for further responses

We're using our own and third-party cookies to improve your experience and our website. Keep on browsing to accept our cookie policy.