How to enable bottom line in a product just like it's top?

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

  • Avatar: Priya
    Rashika
    Participant
    June 26, 2020 at 18:00

    Have a look at this https://prnt.sc/t72iod . I want a line at the bottom of the product just like the top of the product.

    Also, how can I decrease the height of the product container box? look at this https://prnt.sc/t72kei

    3 Answers
    Avatar: Olga Barlow
    Olga Barlow
    Support staff
    June 26, 2020 at 18:55

    Hello,

    1) Provide us with link to page where you want to add that line.

    2) In this case q-ty and add to cart button won’t be aligned. If you take a closer look at your products you’ll see that they have different title lengths.

    Regards

    Avatar: Priya
    Rashika
    Participant
    June 26, 2020 at 22:28

    I want to add the line all the product container boxes that are shown on the category page, shop page, etc. This is the home page https://dailygo.co.in/ . I want to show the line on this page too.

    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    June 27, 2020 at 07:39

    Hi,

    Add this custom CSS code –

    .products-with-separators .type-product {
        border-bottom: 1px solid #e1e1e1;
    }

    Regards

  • Viewing 4 results - 1 through 4 (of 4 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.