Add divider between products in list view

This topic has 6 replies, 3 voices, and was last updated 10 years, 2 months ago ago by Stan Russell

  • Avatar: armanchicago
    armanchicago
    Participant
    September 22, 2015 at 23:07

    how can I add dividers like:
    https://www.evernote.com/l/AMlpuTSVv0JOfpkWT8_Wj9L9oiMMYf-Y_Tg

    thin 1px grey lines would be nice, I tried everything in the css and can’t get it right.

    thanks for your help

    5 Answers
    Avatar: Jack Richardson
    Jack Richardson
    Support staff
    September 23, 2015 at 07:34

    Hello,

    Please provide us with the link to your products page.

    Best regards,
    Jack Richardson.

    Avatar: armanchicago
    armanchicago
    Participant
    September 28, 2015 at 16:47

    added in private content

    Please, contact administrator
    for this information.
    Avatar: Jack Richardson
    Jack Richardson
    Support staff
    September 29, 2015 at 09:16

    Hello,

    Please add this code in Theme Options > Custom CSS > Global Custom CSS:

    .products-list .product {
        border-bottom: 1px solid grey;
        padding-bottom: 20px;
    }

    Best regards,
    Jack Richardson.

    Avatar: armanchicago
    armanchicago
    Participant
    September 29, 2015 at 23:40

    perfect thanks!

    Avatar: stan
    Stan Russell
    Participant
    September 30, 2015 at 09:15

    Hello armanchicago,

    you are welcome! Have a nice day!

    Regards,
    Stan Russell.

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

The issue related to '‘Add divider between products in list view’' 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.