Advertisement
maximus87

7.1 version CSS

Jun 23rd, 2020
57
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 1.47 KB | None | 0 0
  1. <style>
  2. .sqs-block-product:first-child {
  3. border-top: 1px solid #F87645;
  4. }
  5. .sqs-block-product {
  6. border-bottom: 1px solid #F87645;
  7. cursor: pointer;
  8. padding-top: 17px!important;
  9. }
  10. .sqs-block-product.selected {
  11. background: #fef5ea;
  12. }
  13. .sqs-block-product .productDetails {
  14. display: flex;
  15. flex-wrap: wrap;
  16. justify-content: space-between;
  17. }
  18. .sqs-block-product .productDetails .product-title {
  19. width: 70%;
  20. pointer-events: none;
  21. margin: 0;
  22. padding: 0 20px 0 20px;
  23. box-sizing: border-box;
  24. color: #FEB05A;
  25.  
  26. }
  27. .sqs-block-product .productDetails .product-excerpt {
  28. color: #F87645;
  29. font-size: 12px;
  30. padding-left: 37px;
  31. }
  32. .sqs-block-product .productDetails .product-price {
  33. padding: 0 0 0 10px;
  34. width: calc(~"30% - 20px");
  35. margin: 0;
  36. box-sizing: border-box;
  37. color: #FEB05A;
  38. text-align: right;
  39. }
  40.  
  41. .sqs-block-product .productDetails .product-quantity-input {
  42. display: none;
  43. }
  44.  
  45. .productDetails input[type="radio"] {
  46. visibility: hidden;
  47. }
  48. .productDetails .pritem {
  49. width: 14px;
  50. height: 14px;
  51. position: relative;
  52. border: 1px solid #F87645;
  53. border-radius: 50%;
  54. margin-top: 3px;
  55. }
  56. .selected .productDetails .pritem:before {
  57. content: '';
  58. width: 14px;
  59. height: 14px;
  60. background: #F87645;
  61. position: absolute;
  62. border-radius: 50%;
  63. top: 0;
  64. left: 0;
  65. }
  66. .sqs-block-product .sqs-add-to-cart-button-wrapper {
  67. display: none;
  68. }
  69. </style>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement