Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • #1413104

    Hi,

    I have a issue with the product slider 5 columns the bottom buttons are in other position.
    Captura-de-pantalla-2023-07-12-a-las-8-34-25
    By the way I would like all columns have the same height like in the shop, now depend of the number of lines in headline.
    Captura-de-pantalla-2023-07-12-a-las-8-33-49

    Could you help me?
    Thanks advance,

    BR,

    Antonio.

    #1413181

    Hey Antonio,

    Thank you for the inquiry.

    We could apply a minimum height to the product title container to align the buttons, but please be aware that this will result in unwanted space for products with shorter titles. If this is acceptable, please add the following CSS code.

    #top .inner_product_header {
        min-height: 170px;
    }
    

    You may need to toggle or temporarily disable the Enfold > Performance > File Compression settings after adding the css code.

    Best regards,
    Ismael

    #1413191

    Hi Ismael,

    I do that but do not work.
    Captura-de-pantalla-2023-07-13-a-las-7-15-21

    And the show details and shopping card buttons keep in other position.

    Many thanks,

    BR,

    Antonio

    #1413441

    Hi,
    Try this CSS in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field:

    #top #main .inner_product_header {
        min-height: 170px;
    }

    After applying the css, please clear your browser cache and check.

    Best regards,
    Mike

    #1413973

    Hi,

    Looks good!
    The only issue is the position of card and product details.
    Captura-de-pantalla-2023-07-21-a-las-15-20-16
    Could you help me?
    Thanks advance!

    BR,

    Antonio,

    #1413986

    Hi,
    Thanks for the screenshot, to have the price at the same place in all of them, try adding this css and adjust to suit.

    #top #main .inner_product_header .woocommerce-loop-product__title {
    	min-height: 50px;
    }

    After applying the css, please clear your browser cache and check.

    Best regards,
    Mike

    #1413997

    Hi Mike,

    Sorry is not about the price, is about the Add to card and Show details bottoms are one on top of the other instead of on either side. I don’t know why. It’s only in five columns product.
    Captura-de-pantalla-2023-07-21-a-las-15-20-16
    Thanks advance,

    BR,

    Antonio.

    #1413999

    Hi,
    Try this CSS in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field:

    #top #wrap_all #main .shop_columns_5 .avia_cart_buttons .button {
        margin: 0 auto;
        float: left;
        min-width: 45%;
        width: 45%;
        padding-left: 8%;
    }
    

    After applying the css, please clear your browser cache and check.

    Best regards,
    Mike

    #1415703

    Perfect! Many thanks Mike!

    #1415734

    Hi,
    Glad we were able to help, if you have any further questions please create a new thread and we will gladly try to help you. Thank you for using Enfold.

    Best regards,
    Mike

Viewing 10 posts - 1 through 10 (of 10 total)
  • The topic ‘Producto slider lay out’ is closed to new replies.