8Theme Equal Height on Products and 1 product column view on mobile

This topic has 9 replies, 3 voices, and was last updated 5 years, 3 months ago ago by Rose Tyler

  • Avatar: alejandro52
    alejandro52
    Participant
    June 11, 2019 at 11:06

    Hello! In 8Theme widget product, I want to set the heights of the products to be equal because when i add a longer name the height changes.
    I also want to view 1 product per row on mobile

    8 Answers
    Avatar: Olga Barlow
    Olga Barlow
    Support staff
    June 11, 2019 at 15:09

    Hello,

    Add the following code to Theme Options > Custom CSS to implement changes:

    /* ===== To make products 100% width for the mobile ===== */
    @media only screen and (max-width: 480px){
        .products-grid .product {
            width: 100%;
        }
    }
    /* ===== To limit title height ===== */
    .product_list_widget li .product-title a {
        height: 5ex;
        line-height: 2.5ex;
        overflow: hidden;
    }

    Regards

    Avatar: alejandro52
    alejandro52
    Participant
    June 11, 2019 at 15:52

    Thank you!! That css works perfect when i try it to chrome inspector.But now that I’ve added it to the Custom Css Page, the changes doesn’t appear. I tried to mark them as important but stll nothing changes.

    Avatar: Olga Barlow
    Olga Barlow
    Support staff
    June 11, 2019 at 16:22

    Hello,

    We can’t tell you why it does not work for you without Dashboard access. Provide access to check.

    Regards

    Avatar: alejandro52
    alejandro52
    Participant
    June 18, 2019 at 23:05

    I attach the username and password in the private content area.

    Please contact administrator
    for this information.
    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    June 20, 2019 at 07:17

    Hello,

    Sorry for the delay in answering.
    Please change this code https://prnt.sc/o47hbn to:

    .product_list_widget li .product-title a,
    .products-grid .product-title a,
    .products-slider .product-title a {
        height: 5ex;
        line-height: 2.5ex;
        overflow: hidden;
    }

    Regards

    Avatar: alejandro52
    alejandro52
    Participant
    June 20, 2019 at 09:37

    I attach the username and password in the private content area.

    Please contact administrator
    for this information.
    Avatar: alejandro52
    alejandro52
    Participant
    June 20, 2019 at 09:48

    Thank you! That seems to work fine!

    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    June 20, 2019 at 09:53

    You’re welcome!
    Have a nice day.

    Regards

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

You must be logged in to reply to this topic.Log in/Sign up

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