Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- For situations when NOT using WooCommerce plugin, you will need to manually put styles in Theme Options>General>Display>CustomCSS box to style these 3 boxes well.
- Notes:
- Default styling is written in woocommerce.css file which only triggers when WooCommerce plugin is installed.
- 'YOURWEBSITE' should be replaced by your original URL.
- ==========================
- @media only screen and (min-width: 480px) {
- ul.products li.product {
- width: 44%;
- float: left;
- clear: both;
- }
- ul.products li.product:nth-child(2n) {
- float: right;
- clear: none;
- }
- }
- @media only screen and (min-width: 767px) {
- .home div.woocommerce-wrap {
- margin: 0 auto;
- max-width: 950px;
- width: 100%;
- }
- .clear {
- clear: both;
- }
- .nav-hidden #navigation,
- .nav-hidden #footer-wrap,
- .nav-hidden .breadcrumbs-wrap,
- .nav-hidden #top,
- .nav-hidden #header .widget_product_search,
- .nav-hidden #header ul.cart,
- .nav-hidden #header .account {
- display: none !important;
- }
- .nav-hidden .header-top {
- -webkit-border-bottom-left-radius: 0.382em;
- -webkit-border-bottom-right-radius: 0.382em;
- border-bottom-left-radius: 0.382em;
- border-bottom-right-radius: 0.382em;
- -moz-background-clip: padding;
- -webkit-background-clip: padding-box;
- background-clip: padding-box;
- }
- .col2-set .col-2 {
- clear: none;
- }
- .col2-set {
- clear: both;
- *zoom: 1;
- }
- .col2-set:after {
- content: "\0020";
- display: block;
- height: 0;
- overflow: hidden;
- clear: both;
- }
- .col2-set:before, .col2-set:after {
- content: "";
- display: table;
- }
- .col2-set:after {
- clear: both;
- }
- .col2-set .col-1 {
- width: 48%;
- float: left;
- }
- .col2-set .col-2 {
- width: 48%;
- float: right;
- }
- ul.products li.product {
- margin-right: 3.8%;
- clear: none;
- }
- ul.products li.product .rating-wrap {
- margin-top: 1em;
- }
- ul.products li.product .rating-wrap + .button {
- margin-top: 1em;
- }
- ul.products li.product:nth-child(2n) {
- float: left;
- }
- ul.products li.product.first {
- clear: both;
- }
- ul.products li.product.last {
- margin-right: 0;
- }
- ul.products li.product .rating-wrap {
- float: right;
- text-align: right;
- }
- ul.products {
- display: block;
- width: 100%;
- *width: 100%;
- *zoom: 1;
- }
- .jssidebar .widget_woo_best_selling_products ul.products, #sidebar .widget_woo_best_selling_products ul.products {
- width: auto;
- }
- ul.products:after {
- content: "\0020";
- display: block;
- height: 0;
- overflow: hidden;
- clear: both;
- }
- ul.products:before, ul.products:after {
- content: "";
- display: table;
- }
- ul.products:after {
- clear: both;
- }
- .woocommerce-columns-2 ul.products li.product {
- width: 44.6%;
- }
- .woocommerce-columns-3 ul.products li.product {
- display: block;
- float: left;
- width: 28%;
- *width: 27.8%;
- margin-right: 3%;
- *margin-right: 3%;
- }
- .woocommerce-columns-4 ul.products li.product {
- width: 20.9%;
- margin-right: 1.1%;
- }
- .woocommerce-columns-4 ul.products li.product .rating-wrap {
- float: none;
- text-align: left;
- }
- .woocommerce-columns-5 ul.products li.product {
- width: 15.5%;
- margin-right: 1.4%;
- }
- .home .woocommerce-columns-4 ul.products li.product .rating-wrap {
- text-align: right;
- }
- .home .woocommerce-columns-4 ul.products li.product {
- width: 22.059%;
- }
- .home ul.products li.product.product-category h3 {
- font-size: 24px;
- padding-bottom:.5em;
- }
- .home ul.products li.product.product-category .description, .home ul.products li.product.product-category p {
- font-size: 12px;
- margin: 0 10px 21px;
- color: #706A64;
- }
- .home ul.products li.product.product-category a.readmore:hover .view-more {
- text-decoration:underline;
- }
- .home .widget_woo_featured_products ul.products li.product {
- background: #FFFFFF;
- border: 1px solid #BEB9B9;
- }
- }
- .home .widget_woo_product_categories ul.products li.product.product-category {
- margin-right: 14px;
- }
- ul.products li.product.product-category a.readmore {
- background: url("http://YOURWEBSITE//wp-content/themes/justshop/images/border-d.gif") no-repeat scroll center 8px transparent;
- color: #FFFFFF;
- height: 30px;
- font-size: 14;
- line-height: 27px;
- display: block;
- text-align: center;
- margin: 10px 0 0;
- }
- ul.products li.product.product-category span.view-more {
- background: url("http://YOURWEBSITE//wp-content/themes/justshop/images/blue/background.gif") repeat scroll center 0 transparent;
- border-radius: 3px;
- -moz-border-radius: 3px;
- -webkit-border-radius: 3px;
- box-shadow: 0 2px 0 #917460;
- -moz-box-shadow: 0 2px 0 #917460;
- -webkit-box-shadow: 0 2px 0 #917460;
- padding: 0 17px;
- display: inline-block;
- font-style: italic;
- text-transform: lowercase;
- font-family: Philosopher,Georgia,serif;
- }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement