user9999 user9999 -5 years ago 184
CSS Question

Remove multiple lines & Display single line after one row

we can see 2 rows in below image we have 5-6 horizontal lines after one row.

enter image description here

I want to hide all those lines & want to display single line after one row as like below

enter image description here

#shopping-cart-table .a-center {
color: #000;
font-weight: normal;
font-size: 14px;

#cart2 {
position: relative;
right: 40px;

.cart-table thead th, .cart-table tbody td {
background-color: transparent;
padding: 10px 5px;
font-family: 'Roboto Condensed', sans-serif;

Answer Source

just change your existing css to below css.

  @media only screen and (min-width: 1224px){
.cart thead {
    background: #fff;
    box-shadow: 3px -3px 3px #ccc;
    padding-bottom: 13px !important;
    border-bottom: 1px solid #ccc;}
Recommended from our users: Dynamic Network Monitoring from WhatsUp Gold from IPSwitch. Free Download