Advertisement
kobial8

WooCommerce Single Product Page CSS

Nov 15th, 2016
120
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 2.70 KB | None | 0 0
  1. /*=== SINGLE PRODUCT PAGE ===*/
  2. .single-product-wrapper {
  3.   margin-top: 20px;
  4. }
  5. .woocommerce #content div.product div.images, .woocommerce div.product div.images, .woocommerce-page #content div.product div.images, .woocommerce-page div.product div.images {
  6.   width: 95%;
  7. }
  8. .woocommerce .star-rating span {
  9.     color: gold;
  10. }
  11. .woocommerce div.product .product_title {
  12.     text-transform: uppercase;
  13.     font-size: 26px;
  14.     font-weight: bold;
  15.     padding: 5px 0;
  16.     color: #2688DA;
  17. }
  18. .single-product-wrapper p {
  19.   text-align: justify;
  20. }
  21. .single-product-wrapper ul {
  22.   list-style: outside none none;
  23.   margin: 0;
  24.   padding: 0;
  25. }
  26. .single-product-wrapper ul li:before {
  27.     display: inline-block;
  28.     vertical-align: top;
  29.     font-family: 'Fontawesome';
  30.     font-size: 15px;
  31.     color: #2688DA;
  32.     content: '\f00c';
  33.     margin-right: 6px;
  34.    
  35. }
  36. .woocommerce span.onsale {
  37.   display: none;
  38. }
  39. .woocommerce .woocommerce-breadcrumb {
  40.   display: none;
  41. }
  42. .woocommerce div.product form.cart .variations td.label {
  43.   border: 1px solid #ccc;
  44.   color: blue;
  45.   font-size: 14px;
  46.   padding: 5px 10px;
  47. }
  48. .woocommerce #respond input#submit.alt, .woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt {
  49.   background-color: #2688DA;
  50. }
  51. .woocommerce .quantity .qty {
  52.   padding: 5px;
  53. }
  54. .woocommerce-variation-price {
  55.   margin-bottom: 13px;
  56. }
  57. .woocommerce div.product p.price, .woocommerce div.product span.price {
  58.   color: #2688DA;
  59. }
  60. .woocommerce-product-rating {
  61.   margin-bottom: 8px !important;
  62. }
  63. .woocommerce div.product .woocommerce-tabs ul.tabs li {
  64.   background-color: #2688DA;
  65.   border: 1px solid #2688DA;
  66.   border-radius: 0;
  67. }
  68. .woocommerce div.product .woocommerce-tabs ul.tabs li::after, .woocommerce div.product .woocommerce-tabs ul.tabs li::before {
  69.   content: none;
  70. }
  71. .woocommerce div.product .woocommerce-tabs ul.tabs li a {
  72.   color: #fff;
  73. }
  74. #tab-description {
  75.     padding: 5px 10px;
  76. }
  77. #tab-description h2 {
  78.     color: #2688DA;
  79.     font-size: 24px;
  80.     margin: 0 0 7px;
  81.     padding: 7px 0;
  82.     text-transform: uppercase;
  83. }
  84. .woocommerce div.product .woocommerce-tabs ul.tabs::before {
  85.   border-bottom: 1px solid #2688DA;
  86. }
  87. .woocommerce div.product .woocommerce-tabs ul.tabs {
  88.   padding: 0;
  89. }
  90. .woocommerce-Reviews {
  91.   border: 1px solid #ddd;
  92.   padding: 8px 15px;
  93. }
  94. .woocommerce #reviews #comments h2 {
  95.   clear: none;
  96.   color: blue;
  97.   margin-top: 0;
  98.   text-align: center;
  99.   text-transform: capitalize;
  100. }
  101. .comment-reply-title {
  102.   color: blue;
  103.   text-transform: uppercase;
  104. }
  105. .woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button {
  106.   background-color: blue;
  107.   border-radius: 0;
  108.   color: white;
  109. }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement