Advertisement
raselahmed7

ElementorWoo | Class 7 | woocommerce.css

Feb 27th, 2019
461
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 1.97 KB | None | 0 0
  1. .rrfcommerce-products ul {
  2.     width: 100%;
  3. }
  4.  
  5. .product-bg .row {
  6.     height: 320px;
  7. }
  8.  
  9. .products .product-bg .star-rating {
  10.     margin: 0 auto;
  11. }
  12.  
  13. .product-bg {
  14.     background-size: cover;
  15.     background-position: center;
  16.     background-color: #ddd;
  17.     padding: 0 30px;
  18. }
  19.  
  20.  
  21. .product-buttons .clear {
  22.     display: none;
  23. }
  24.  
  25. .product-buttons > div {
  26.     display: inline-block;
  27. }
  28.  
  29. .product-buttons i.fa {
  30.     margin-right: 0px !important;
  31. }
  32.  
  33. .product-buttons i.fa {
  34.     height: 40px;
  35.     width: 40px;
  36.     background: #A9A9A9;
  37.     line-height: 40px;
  38.     color: #fff;
  39.     border-radius: 50%;
  40. }
  41.  
  42. .product-buttons span.feedback {
  43.     display: none;
  44. }
  45.  
  46. .product-buttons i.fa {
  47.     margin: 5px;
  48. }
  49.  
  50. .product-buttons .yith-wcwl-wishlistaddedbrowse i.fa,
  51. .product-buttons .yith-wcwl-wishlistexistsbrowse i.fa {
  52.     background-color: #CD2B2E;
  53. }
  54.  
  55. .product-buttons i.fa:hover {
  56.     background-color: #333;
  57. }
  58.  
  59. .product-buttons a.added_to_cart {
  60.     position: absolute;
  61.     bottom: -50px;
  62.     width: 109px;
  63.     background: #333;
  64.     padding: 5px;
  65.     font-size: 12px;
  66.     color: #fff;
  67.     margin-left: -50px;
  68.     left: 50%;
  69. }
  70.  
  71. .product-buttons .added i.fa {
  72.     background-color: #000;
  73. }
  74.  
  75. .products a h2 {color: #333}
  76.  
  77. .product-bg .row {
  78.     opacity: 0;
  79.     visibility: hidden;
  80.     transition: .3s;
  81. }
  82.  
  83. .product-bg:hover .row {
  84.     opacity: 1;
  85.     visibility: visible;
  86. }
  87.  
  88. .product-bg .star-rating {
  89.     margin-top: 15px !important;
  90. }
  91.  
  92. .product-buttons .loading i.fa {
  93.     opacity: .5;
  94. }
  95.  
  96. .product-buttons .compare {
  97.     text-indent: -9999px;
  98.     display: inline-block;
  99. }
  100.  
  101. .product-buttons .compare:after {
  102.     content: "\f067";
  103.     text-indent: 0px;
  104.     display: block;
  105.     font-family: FontAwesome;
  106.     height: 40px;
  107.     width: 40px;
  108.     background: #A9A9A9;
  109.     line-height: 40px;
  110.     color: #fff;
  111.     border-radius: 50%;
  112.     margin-left: 5px
  113. }
  114.  
  115. .product-buttons .compare:hover:after {
  116.     background-color: #333
  117. }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement