The custom CSS

Hi,

If I want to achieve the table effect in the attached picture, how can I customize CSS to achieve it? This is the link: https://www.sailinglcd.com/products/e-ink/e-reader.html. Thank you for your attention and help.

Comments

  • Hi,

    You can try the following CSS code:

    table tr:nth-child(2n) td{
     background: transparent!important;
    }
    table tr:first-child td{
     box-shadow: none;
    }
    table tr td{
     border: none;
     border-bottom: 1px solid #000;
    }
    

    Put it in Betheme -> Theme options -> Custom CSS & JS -> CSS..


    Best regards

  • edited February 22

    Thank you for your prompt reply. I just make a little change:

    table tr:nth-child(2n) td{

     background: transparent!important;

    }

    table tr:first-child td{

     box-shadow: none;

    }

    table tr td{

     border: none;

     border-bottom: 1px solid #000;

    }

    table tr:last-child td {

    border: none;

    }

Sign In or Register to comment.