Витрина И Корзина

Добрый день
1- обвести рамками витрину
2- увеличить шрифт цены и названия
3- сделать фон рамки белый
4- обвести рамками колонки

Здравствуйте.

Зайдите в раздел Сайт - Редактор шаблонов - main.css - найдите:

.product.rotation, .employee.rotation {overflow: visible;}

замените на:

.product.rotation, .employee.rotation {overflow: visible;border: 1px solid #3c7b20;background: #f2f2f2;}

далее найдите:

.product .product-name {color: #1e1e1e;font-size: 13px;font-weight: normal;line-height: 16px;margin: 0 0 4px;text-transform: none;max-height:50px;overflow:hidden;}
.product-name a {color: #1e1e1e;text-decoration: none;-webkit-transition: opacity .2s linear;transition: opacity .2s linear;}
.product-name a:hover {opacity: 0.8;filter: alpha(opacity=80);-webkit-transition: opacity .2s linear;transition: opacity .2s linear;}
.product .price {font-weight: bold;}

замените на:

.product .product-name {color: #1e1e1e;font-size: 15px;font-weight: normal;line-height: 16px;margin: 0 0 4px;text-transform: none;max-height:50px;overflow:hidden;}
.product-name a {color: #1e1e1e;text-decoration: none;-webkit-transition: opacity .2s linear;transition: opacity .2s linear;}
.product-name a:hover {opacity: 0.8;filter: alpha(opacity=80);-webkit-transition: opacity .2s linear;transition: opacity .2s linear;}
.product .price {font-weight: bold;font-size: 20px;}

далее найдите:

.table-box thead td, .table-box tfoot td {background-color: #ececec;border: 1px solid #dddddd;line-height: 18px;padding: 12px;text-align: center;color: #404040;}

замените на:

.table-box thead td, .table-box tfoot td {background-color: #fff;border: 1px solid #3e7a25 !important;line-height: 18px;padding: 12px;text-align: center;color: #404040;}

Спасибо, можно еще добавить
1- обвести до конца колонки
2- увеличить шрифт и сделать его насыщенно черным
3- увеличить шрифт
4- сделать на витрине между карточками зазор

Здравствуйте.

Зайдите в раздел Сайт - Редактор шаблонов - main.css - найдите:

.table-box > tbody > tr > th, .table-box > tfoot > tr > th, .table-box > tbody > tr > td, .table-box > tfoot > tr > td {border: 1px solid #dddddd;line-height: 18px;padding: 16px 10px 15px;text-align: center;}

замените на:

.table-box > tbody > tr > th, .table-box > tfoot > tr > th, .table-box > tbody > tr > td, .table-box > tfoot > tr > td {border: 1px solid #3e7a25;line-height: 18px;padding: 16px 10px 15px;text-align: center;}

далее найдите:

.cartTable tbody td.name a {display: block;font-size: 16px;line-height: 1.3;margin-bottom: 10px;}
.cartTable tbody td.name div {font-size: 12px;margin-bottom: 3px;}

замените на:

.cartTable tbody td.name a {display: block;font-size: 18px;color: #000;line-height: 1.3;margin-bottom: 10px;}
.cartTable tbody td.name div {font-size: 14px;margin-bottom: 3px;color: #000;}
.cartTable .price {font-size: 20px;}

далее найдите:

.products-grid .item {display: inline-block;position: relative;margin: 0 0 20px;text-align: center;}

замените на:

.products-grid .item {display: inline-block;position: relative;margin: 0 5px 20px;text-align: center;}