diff --git a/changelog.txt b/changelog.txt
index 91d3fe9..f709c63 100644
--- a/changelog.txt
+++ b/changelog.txt
@@ -1,5 +1,9 @@
== Changelog ==
+= 1.2.5 - 11 May 2018 =
+* Added styling for all WooCommerce core widgets that didn't have styling added previously.
+* Minor styling updates for the WooCommerce checkout, login, dashboard and mini-cart.
+
= 1.2.4 - 05 May 2018 =
* Adjusted Jetpack Infinite Scroll to use posts per page setting.
* Minor Jetpack Infinite Scroll styling fixes.
diff --git a/css/fonts/polestar-icons.svg b/css/fonts/polestar-icons.svg
index 71ada71..15148f0 100755
--- a/css/fonts/polestar-icons.svg
+++ b/css/fonts/polestar-icons.svg
@@ -7,6 +7,7 @@
+
diff --git a/css/fonts/polestar-icons.ttf b/css/fonts/polestar-icons.ttf
index af25759..ae523d4 100755
Binary files a/css/fonts/polestar-icons.ttf and b/css/fonts/polestar-icons.ttf differ
diff --git a/css/fonts/polestar-icons.woff b/css/fonts/polestar-icons.woff
index 4770eb9..566902a 100755
Binary files a/css/fonts/polestar-icons.woff and b/css/fonts/polestar-icons.woff differ
diff --git a/css/polestar-icons.css b/css/polestar-icons.css
index 8ca63af..e4953b2 100755
--- a/css/polestar-icons.css
+++ b/css/polestar-icons.css
@@ -1,9 +1,9 @@
@font-face {
font-family: 'polestar-icons';
src:
- url('fonts/polestar-icons.ttf?42eey4') format('truetype'),
- url('fonts/polestar-icons.woff?42eey4') format('woff'),
- url('fonts/polestar-icons.svg?42eey4#polestar-icons') format('svg');
+ url('fonts/polestar-icons.ttf?1ixikj') format('truetype'),
+ url('fonts/polestar-icons.woff?1ixikj') format('woff'),
+ url('fonts/polestar-icons.svg?1ixikj#polestar-icons') format('svg');
font-weight: normal;
font-style: normal;
}
@@ -134,6 +134,9 @@
.icon-reddit-alien:before {
content: "\f281";
}
+.icon-close:before {
+ content: "\e900";
+}
.icon-behance:before {
content: "\eaa8";
}
diff --git a/inc/extras.php b/inc/extras.php
index 718f912..6139667 100644
--- a/inc/extras.php
+++ b/inc/extras.php
@@ -42,11 +42,12 @@ function polestar_body_classes( $classes ) {
}
// Sidebar.
- if ( is_active_sidebar( 'sidebar-main' ) ) {
+ if ( is_active_sidebar( 'sidebar-main' ) && ! is_404() && ( function_exists( 'is_woocommerce' ) && ! is_woocommerce() ) ) {
$classes[] = 'sidebar';
}
- if ( get_theme_mod( 'sidebar_position' ) == 'left' ) {
+ // Sidebar left.
+ if ( get_theme_mod( 'sidebar_position' ) == 'left' && ! is_404() && $page_settings['layout'] != "constrained" && ( function_exists( 'is_woocommerce' ) && ! is_woocommerce() ) ) {
$classes[] = 'sidebar-left';
}
@@ -58,18 +59,18 @@ function polestar_body_classes( $classes ) {
}
// WooCommerce columns.
- if ( function_exists( 'is_woocommerce' ) ) {
+ if ( function_exists( 'is_woocommerce' ) && is_woocommerce() ) {
$classes[] = 'columns-' . get_theme_mod( 'archive_columns', 3 );
}
-
+
// WooCommerce sidebar.
- if ( is_active_sidebar( 'sidebar-shop' ) && ( function_exists( 'is_woocommerce' ) && ! is_product() ) ) {
- $classes[] = 'woocommerce-sidebar';
- }
+ if ( is_active_sidebar( 'sidebar-shop' ) && ( function_exists( 'is_woocommerce' ) && is_woocommerce() && ! is_product() ) ) {
+ $classes[] = 'woocommerce-sidebar';
- if ( get_theme_mod( 'woocommerce_sidebar_position' ) == 'right' ) {
- $classes[] = 'woocommerce-sidebar-right';
- }
+ if ( get_theme_mod( 'woocommerce_sidebar_position' ) == 'right' ) {
+ $classes[] = 'woocommerce-sidebar-right';
+ }
+ }
return $classes;
}
diff --git a/inc/template-tags.php b/inc/template-tags.php
index aaeb53c..02c240b 100644
--- a/inc/template-tags.php
+++ b/inc/template-tags.php
@@ -292,7 +292,9 @@ function polestar_get_image() {
$first_image = '';
$output = preg_match_all( '/]+\>/i', get_the_content(), $images );
- if ( ! empty( $images ) ) return;
+
+ if ( empty( $images[0] ) ) return false;
+
$first_image = $images[0][0];
return ( '' !== $first_image ) ? $first_image : false;
diff --git a/sass/forms/_buttons.scss b/sass/forms/_buttons.scss
index 1661aa6..e62bf02 100644
--- a/sass/forms/_buttons.scss
+++ b/sass/forms/_buttons.scss
@@ -9,7 +9,7 @@ input[type="submit"] {
border-radius: 2px;
color: #fff;
display: inline-block;
- font-size: .95em;
+ font-size: 14px;
letter-spacing: .5px;
line-height: normal;
padding: 11px 25px;
diff --git a/sass/forms/_fields.scss b/sass/forms/_fields.scss
index 5684723..6afff20 100644
--- a/sass/forms/_fields.scss
+++ b/sass/forms/_fields.scss
@@ -31,7 +31,7 @@ textarea {
}
input[type="checkbox"] {
- margin-right: 2px;
+ margin-right: 5px;
}
select {
diff --git a/sass/site/primary/_posts-and-pages.scss b/sass/site/primary/_posts-and-pages.scss
index e43867e..c658e52 100644
--- a/sass/site/primary/_posts-and-pages.scss
+++ b/sass/site/primary/_posts-and-pages.scss
@@ -268,7 +268,7 @@
border-radius: 2px;
color: $color__text-medium;
display: inline-block;
- font-size: 12px;
+ font-size: 13px;
line-height: normal;
margin: 0 6px 8px 0;
padding: 6px 10px;
@@ -312,24 +312,27 @@
font-size: 13px;
margin-top: 15px;
}
-
- .entry-title {
- font-size: 29px;
- }
}
-.search-results article {
- border-bottom: 1px solid $color__background-hr-dark;
- margin: 0 0 50px;
- padding: 0 0 30px;
-
- &:last-of-type {
- border: 0;
+.search-results {
+
+ .entry-title {
+ font-size: 26px;
}
- &:only-of-type {
- border: 0;
- margin: 0;
+ article {
+ border-bottom: 1px solid $color__background-hr-dark;
+ margin: 0 0 50px;
+ padding: 0 0 30px;
+
+ &:last-of-type {
+ border: 0;
+ }
+
+ &:only-of-type {
+ border: 0;
+ margin: 0;
+ }
}
}
@@ -337,18 +340,21 @@
## - Search Form
--------------------------------------------------------------*/
.search-form {
+ display: inline-block;
+ position: relative;
input[type="search"] {
- padding-right: 43px;
+ min-width: 300px;
+ padding-right: 46px;
}
button[type="submit"] {
background: none;
border: none;
- padding: 0;
- position: relative;
- right: 36px;
- top: 2px;
+ padding: 12px 15px 10px;
+ position: absolute;
+ right: 0;
+ top: 0;
svg {
height: 16px;
diff --git a/sass/site/secondary/_widgets.scss b/sass/site/secondary/_widgets.scss
index 1c2f128..acf7735 100644
--- a/sass/site/secondary/_widgets.scss
+++ b/sass/site/secondary/_widgets.scss
@@ -121,26 +121,44 @@
}
}
+/*--------------------------------------------------------------
+## Archives and Categories Widgets
+--------------------------------------------------------------*/
+.widget_archive,
+.widget_categories {
+
+ li {
+ color: $color__text-light;
+
+ a {
+ color: $color__text-dark;
+ display: inline-block;
+ margin-bottom: 8px;
+ }
+
+ span {
+ color: $color__text-light;
+ }
+
+ .children {
+ margin-left: 12px;
+ }
+
+ }
+}
+
/*--------------------------------------------------------------
## - Search Widget
--------------------------------------------------------------*/
.widget .search-form {
- position: relative;
+ width: 100%;
input[type="search"] {
- padding-right: 40px;
width: 100%;
- }
-
- button[type="submit"] {
- position: absolute;
- right: 14px;
- top: 12px;
- svg {
- height: 16px;
- width: 16px;
- }
+ @at-root #secondary & {
+ min-width: 0;
+ }
}
}
diff --git a/sass/variables-site/_colors.scss b/sass/variables-site/_colors.scss
index f53acba..7e60e4d 100644
--- a/sass/variables-site/_colors.scss
+++ b/sass/variables-site/_colors.scss
@@ -14,3 +14,8 @@ $color__accent: #4d8ffb;
$color__text-light: #828282;
$color__text-medium: #626262;
$color__text-dark: #2d2d2d;
+
+// Notifications.
+$error: rgba(255, 0, 0, .7);
+$success: rgba(0, 128, 0, .7);
+$info: rgba(0, 0, 128, .7);
diff --git a/sass/woocommerce/_cart.scss b/sass/woocommerce/_cart.scss
index 5d7d995..8cf94b6 100644
--- a/sass/woocommerce/_cart.scss
+++ b/sass/woocommerce/_cart.scss
@@ -321,13 +321,25 @@
text-align: center;
a {
- color: #fff;
+ color: #fff;
display: inline-block;
+ font-weight: normal;
&.button {
font-size: 12px;
padding: 10px 24px;
}
+
+
+ &:first-of-type {
+ background: $color__background-hr-dark;
+ color: $color__text-medium;
+
+ &:hover {
+ background: $color__accent;
+ color: #fff;
+ }
+ }
}
}
}
diff --git a/sass/woocommerce/_checkout.scss b/sass/woocommerce/_checkout.scss
index 2649e40..e2eda5d 100644
--- a/sass/woocommerce/_checkout.scss
+++ b/sass/woocommerce/_checkout.scss
@@ -27,17 +27,6 @@
}
- // Billing and shipping details.
- .col2-set {
- float: left;
- width: 47.8260869565%;
-
- @media (max-width: 768px) {
- float: none;
- width: 100%;
- }
- }
-
// Order review.
#order_review_heading,
#order_review {
@@ -142,6 +131,10 @@
&.payment_method_paypal {
padding-top: 20px;
}
+
+ p {
+ margin-bottom: 0;;
+ }
}
&.payment_method_stripe {
@@ -174,17 +167,16 @@
}
}
- .wc-terms-and-conditions,
- .terms {
- float: left;
- padding: 0 1em 0 0;
- text-align: left;
- }
+ .wc-terms-and-conditions {
+ border-bottom: 1px solid $color__background-hr-dark;
+ padding: 20px;
+ margin-bottom: 0;
+ }
#place_order {
float: right;
font-size: 16px;
- margin-top: 30px;
+ margin-top: 30px;
}
}
}
diff --git a/sass/woocommerce/_dashboard.scss b/sass/woocommerce/_dashboard.scss
index 5437747..92c236f 100644
--- a/sass/woocommerce/_dashboard.scss
+++ b/sass/woocommerce/_dashboard.scss
@@ -6,20 +6,28 @@
}
.login {
- max-width: 50%;
+
+ @media (min-width: 769px) {
+ max-width: 75%;
+ }
label[for*="rememberme"] {
font-size: 13px;
font-weight: normal;
line-height: normal;
margin-top: 10px;
-
- input {
- }
}
.lost_password {
- font-size: 13px;
+ font-size: 13px;
+ margin-top: -14px;
+ }
+ }
+
+ .register {
+
+ @media (min-width: 769px) {
+ max-width: 75%;
}
}
@@ -70,7 +78,11 @@
}
p {
- margin-bottom: 26px;
+ margin-bottom: 26px;
+
+ span em {
+ font-size: 13px;
+ }
}
// Addresses.
@@ -103,7 +115,35 @@
@media (max-width: 768px) {
padding-left: 0;
}
- }
+ }
}
+
+ // Password Change.
+ .password-change {
+ margin-bottom: 15px;
+ }
}
-}
\ No newline at end of file
+}
+
+// Password Strength.
+.woocommerce-password-strength {
+ font-size: 14px;
+ font-weight: 600;
+
+ &.strong {
+ color: $success;
+ }
+
+ &.short {
+ color: $error;
+ }
+
+ &.bad {
+ color: $error;
+ }
+
+ &.good {
+ color: $info;
+ }
+}
+
\ No newline at end of file
diff --git a/sass/woocommerce/_forms.scss b/sass/woocommerce/_forms.scss
index 595586f..ddc1634 100644
--- a/sass/woocommerce/_forms.scss
+++ b/sass/woocommerce/_forms.scss
@@ -15,7 +15,7 @@
margin-bottom: 4px;
.required {
- color: rgba(255, 0, 0, .6);
+ color: $error;
text-decoration: none;
}
@@ -40,13 +40,13 @@
&.woocommerce-invalid {
label {
- color: rgba(255, 0, 0, .6);
+ color: $error;
}
.select2-container,
input.input-text,
select {
- border-color: rgba(255, 0, 0, .6);
+ border-color: $error;
}
}
@@ -55,7 +55,7 @@
.select2-container,
input.input-text,
select {
- border-color: rgba(0, 128, 0, .6);
+ border-color: $success;
}
}
}
diff --git a/sass/woocommerce/_layout.scss b/sass/woocommerce/_layout.scss
index 1b9da8d..f7a389b 100644
--- a/sass/woocommerce/_layout.scss
+++ b/sass/woocommerce/_layout.scss
@@ -1,9 +1,35 @@
-.woocommerce.woocommerce-page {
+.woocommerce {
+
+ .clear {
+ clear: both;
+ }
.content-area {
width: 100%;
}
+ .col2-set {
+ width: 100%;
+
+ .col-1 {
+ float: left;
+ width: 48%;
+
+ @media (max-width: 768px) {
+ width: 100%;
+ }
+ }
+
+ .col-2 {
+ float: right;
+ width: 48%;
+
+ @media (max-width: 768px) {
+ width: 100%;
+ }
+ }
+ }
+
// Content area with sidebar.
&.woocommerce-sidebar {
diff --git a/sass/woocommerce/_notifications.scss b/sass/woocommerce/_notifications.scss
index 4e0005c..4c7486d 100644
--- a/sass/woocommerce/_notifications.scss
+++ b/sass/woocommerce/_notifications.scss
@@ -38,6 +38,7 @@
.woocommerce-error {
display: block;
+ color: $error;
font-size: 14px;
list-style: none;
padding: 20px 20px;
diff --git a/sass/woocommerce/_order-received.scss b/sass/woocommerce/_order-received.scss
index c07cd24..a024563 100644
--- a/sass/woocommerce/_order-received.scss
+++ b/sass/woocommerce/_order-received.scss
@@ -23,7 +23,15 @@
th,
td {
border: 1px solid $color__background-hr;
- padding: 8px 16px;
+ padding: 8px 16px;
+
+ a {
+ color: $color__text-medium;
+
+ &:hover {
+ color: $color__accent;
+ }
+ }
}
}
diff --git a/sass/woocommerce/_single.scss b/sass/woocommerce/_single.scss
index c08c4d3..11ae6e8 100644
--- a/sass/woocommerce/_single.scss
+++ b/sass/woocommerce/_single.scss
@@ -285,6 +285,7 @@
}
.wc-tabs {
+ border-bottom: 1px solid $color__background-hr;
list-style: none;
margin: 0;
overflow: hidden;
diff --git a/sass/woocommerce/_widgets.scss b/sass/woocommerce/_widgets.scss
index 48897b1..9256e15 100644
--- a/sass/woocommerce/_widgets.scss
+++ b/sass/woocommerce/_widgets.scss
@@ -1,81 +1,26 @@
/*--------------------------------------------------------------
-## - Price Filter Widget
+## Active Product Filters Widget
--------------------------------------------------------------*/
-.widget_price_filter {
-
- .ui-slider {
- background: $color__background-hr-dark;
- height: 3px;
- margin: 21px 3.5px 26px;
+.widget.widget_layered_nav_filters {
+
+ .chosen a {
+ padding-left: 20px;
position: relative;
-
- .ui-slider-range {
- background: $color__accent;
- height: 100%;
- position: absolute;
- top: 0;
- z-index: 1;
- }
-
- .ui-slider-handle {
- background: $color__accent;
- cursor: ew-resize;
- height: 15px;
- margin-left: -3.5px;
- outline: none;
- position: absolute;
- top: -6px;
- width: 7px;
- z-index: 2;
- }
- }
-
- .price_slider_amount {
- overflow: auto;
-
- .price_label {
- font-weight: normal;
- padding-top: 10px;
- span {
- font-weight: bold;
- }
+ &:before {
+ color: $color__accent;
+ content: "\e900";
+ display: inline-block;
+ font-family: $font__icon;
+ font-size: 15px;
+ left: 0;
+ line-height: 1;
+ position: absolute;
+ top: 3px;
}
- .button {
- float: right;
- }
- }
-}
-
-/*--------------------------------------------------------------
-## - Search Widget
---------------------------------------------------------------*/
-.widget_product_search {
-
- .woocommerce-product-search {
-
- input[type="search"] {
- padding-right: 43px;
- }
-
- button[type="submit"] {
- background: none;
- border: none;
- color: inherit;
- padding: 0;
- position: relative;
- right: 36px;
- top: 2px;
-
- svg {
- height: 16px;
- width: 16px;
-
- path {
- fill: $color__text-light;
- }
- }
+ &:hover {
+ color: $color__text-dark;
}
}
}
@@ -109,6 +54,10 @@
background: none;
}
+ .star-rating {
+ margin-top: 4px;
+ }
+
.amount,
.quantity {
font-size: 13px;
@@ -174,3 +123,123 @@
}
}
}
+
+/*--------------------------------------------------------------
+## Product Categories Widget
+--------------------------------------------------------------*/
+.widget_product_categories .product-categories,
+.woocommerce-widget-layered-nav-list {
+
+ li {
+ color: $color__text-light;
+
+ a {
+ color: $color__text-dark;
+ display: inline-block;
+ margin-bottom: 8px;
+ }
+
+ span {
+ color: $color__text-light;
+ }
+
+ .children {
+ margin-left: 12px;
+ }
+
+ }
+}
+
+/*--------------------------------------------------------------
+## - Price Filter Widget
+--------------------------------------------------------------*/
+.widget_price_filter {
+
+ .ui-slider {
+ background: $color__background-hr-dark;
+ height: 3px;
+ margin: 21px 3.5px 26px;
+ position: relative;
+
+ .ui-slider-range {
+ background: $color__accent;
+ height: 100%;
+ position: absolute;
+ top: 0;
+ z-index: 1;
+ }
+
+ .ui-slider-handle {
+ background: $color__accent;
+ cursor: ew-resize;
+ height: 15px;
+ margin-left: -3.5px;
+ outline: none;
+ position: absolute;
+ top: -6px;
+ width: 7px;
+ z-index: 2;
+ }
+ }
+
+ .price_slider_amount {
+ overflow: auto;
+
+ .price_label {
+ font-weight: normal;
+ padding-top: 10px;
+
+ span {
+ font-weight: bold;
+ }
+ }
+
+ .button {
+ background: $color__background-hr-dark;
+ color: $color__text-medium;
+ float: right;
+
+ &:hover {
+ background: $color__accent;
+ }
+ }
+ }
+}
+
+/*--------------------------------------------------------------
+## - Filter Products by Rating Widget
+--------------------------------------------------------------*/
+.widget.widget_rating_filter .wc-layered-nav-rating a {
+ align-items: center;
+ color: $color__text-light;
+ display: flex;
+
+ .star-rating {
+ display: inline-block;
+ margin-right: 3px;
+ }
+}
+
+/*--------------------------------------------------------------
+## - Product Tag Cloud Widget
+--------------------------------------------------------------*/
+.widget.widget_product_tag_cloud {
+ margin-right: -6px;
+
+ .tagcloud a {
+ background: $color__background-hr-dark;
+ border-radius: 2px;
+ color: $color__text-medium;
+ display: inline-block;
+ font-size: 13px;
+ line-height: normal;
+ margin: 0 6px 8px 0;
+ padding: 6px 10px;
+ transition: .3s;
+
+ &:hover {
+ background: $color__accent;
+ color: #fff;
+ }
+ }
+}
diff --git a/style.css b/style.css
index 0ffe64a..ff9d643 100644
--- a/style.css
+++ b/style.css
@@ -445,7 +445,7 @@ input[type="submit"] {
border-radius: 2px;
color: #fff;
display: inline-block;
- font-size: .95em;
+ font-size: 14px;
letter-spacing: .5px;
line-height: normal;
padding: 11px 25px;
@@ -539,7 +539,7 @@ textarea {
border-color: #d9d9d9; }
input[type="checkbox"] {
- margin-right: 2px; }
+ margin-right: 5px; }
select {
border: 1px solid #ebebeb;
@@ -1539,21 +1539,33 @@ a {
.widget #wp-calendar tfoot #next {
text-align: right; }
+/*--------------------------------------------------------------
+## Archives and Categories Widgets
+--------------------------------------------------------------*/
+.widget_archive li,
+.widget_categories li {
+ color: #828282; }
+ .widget_archive li a,
+ .widget_categories li a {
+ color: #2d2d2d;
+ display: inline-block;
+ margin-bottom: 8px; }
+ .widget_archive li span,
+ .widget_categories li span {
+ color: #828282; }
+ .widget_archive li .children,
+ .widget_categories li .children {
+ margin-left: 12px; }
+
/*--------------------------------------------------------------
## - Search Widget
--------------------------------------------------------------*/
.widget .search-form {
- position: relative; }
+ width: 100%; }
.widget .search-form input[type="search"] {
- padding-right: 40px;
width: 100%; }
- .widget .search-form button[type="submit"] {
- position: absolute;
- right: 14px;
- top: 12px; }
- .widget .search-form button[type="submit"] svg {
- height: 16px;
- width: 16px; }
+ #secondary .widget .search-form input[type="search"] {
+ min-width: 0; }
/*--------------------------------------------------------------
## - Tag Cloud Widget
@@ -2046,7 +2058,7 @@ a {
border-radius: 2px;
color: #626262;
display: inline-block;
- font-size: 12px;
+ font-size: 13px;
line-height: normal;
margin: 0 6px 8px 0;
padding: 6px 10px;
@@ -2080,9 +2092,8 @@ a {
font-size: 13px;
margin-top: 15px; }
-.archive .entry-title,
.search-results .entry-title {
- font-size: 29px; }
+ font-size: 26px; }
.search-results article {
border-bottom: 1px solid #ebebeb;
@@ -2097,21 +2108,24 @@ a {
/*--------------------------------------------------------------
## - Search Form
--------------------------------------------------------------*/
-.search-form input[type="search"] {
- padding-right: 43px; }
-
-.search-form button[type="submit"] {
- background: none;
- border: none;
- padding: 0;
- position: relative;
- right: 36px;
- top: 2px; }
- .search-form button[type="submit"] svg {
- height: 16px;
- width: 16px; }
- .search-form button[type="submit"] svg path {
- fill: #828282; }
+.search-form {
+ display: inline-block;
+ position: relative; }
+ .search-form input[type="search"] {
+ min-width: 300px;
+ padding-right: 46px; }
+ .search-form button[type="submit"] {
+ background: none;
+ border: none;
+ padding: 12px 15px 10px;
+ position: absolute;
+ right: 0;
+ top: 0; }
+ .search-form button[type="submit"] svg {
+ height: 16px;
+ width: 16px; }
+ .search-form button[type="submit"] svg path {
+ fill: #828282; }
/*--------------------------------------------------------------
## - Author Box
diff --git a/woocommerce.css b/woocommerce.css
index c12cbfe..d731a78 100644
--- a/woocommerce.css
+++ b/woocommerce.css
@@ -4,25 +4,43 @@ Version: dev
/*--------------------------------------------------------------
# Layout
--------------------------------------------------------------*/
-.woocommerce.woocommerce-page .content-area {
+.woocommerce .clear {
+ clear: both; }
+
+.woocommerce .content-area {
+ width: 100%; }
+
+.woocommerce .col2-set {
width: 100%; }
+ .woocommerce .col2-set .col-1 {
+ float: left;
+ width: 48%; }
+ @media (max-width: 768px) {
+ .woocommerce .col2-set .col-1 {
+ width: 100%; } }
+ .woocommerce .col2-set .col-2 {
+ float: right;
+ width: 48%; }
+ @media (max-width: 768px) {
+ .woocommerce .col2-set .col-2 {
+ width: 100%; } }
-.woocommerce.woocommerce-page.woocommerce-sidebar .content-area {
+.woocommerce.woocommerce-sidebar .content-area {
float: right;
width: 70%; }
@media (max-width: 768px) {
- .woocommerce.woocommerce-page.woocommerce-sidebar .content-area {
+ .woocommerce.woocommerce-sidebar .content-area {
width: 100%; } }
-.woocommerce.woocommerce-page.woocommerce-sidebar .widget-area {
+.woocommerce.woocommerce-sidebar .widget-area {
float: left;
padding-right: 4%;
padding-left: 0; }
-.woocommerce.woocommerce-page.woocommerce-sidebar-right .content-area {
+.woocommerce.woocommerce-sidebar-right .content-area {
float: left; }
-.woocommerce.woocommerce-page.woocommerce-sidebar-right .widget-area {
+.woocommerce.woocommerce-sidebar-right .widget-area {
float: right;
padding-right: 0;
padding-left: 4%; }
@@ -148,7 +166,7 @@ input.button.added:after,
display: block;
margin-bottom: 4px; }
.woocommerce form .form-row label .required {
- color: rgba(255, 0, 0, 0.6);
+ color: rgba(255, 0, 0, 0.7);
text-decoration: none; }
.woocommerce form .form-row label.inline {
font-weight: normal; }
@@ -160,15 +178,15 @@ input.button.added:after,
box-sizing: border-box;
width: 100%; }
.woocommerce form .form-row.woocommerce-invalid label {
- color: rgba(255, 0, 0, 0.6); }
+ color: rgba(255, 0, 0, 0.7); }
.woocommerce form .form-row.woocommerce-invalid .select2-container,
.woocommerce form .form-row.woocommerce-invalid input.input-text,
.woocommerce form .form-row.woocommerce-invalid select {
- border-color: rgba(255, 0, 0, 0.6); }
+ border-color: rgba(255, 0, 0, 0.7); }
.woocommerce form .form-row.woocommerce-validated .select2-container,
.woocommerce form .form-row.woocommerce-validated input.input-text,
.woocommerce form .form-row.woocommerce-validated select {
- border-color: rgba(0, 128, 0, 0.6); }
+ border-color: rgba(0, 128, 0, 0.7); }
.woocommerce form .form-row-first,
.woocommerce form .form-row-last {
@@ -757,6 +775,7 @@ input.button.added:after,
.woocommerce .product .woocommerce-tabs h2 {
font-size: 14px; }
.woocommerce .product .woocommerce-tabs .wc-tabs {
+ border-bottom: 1px solid #f6f6f6;
list-style: none;
margin: 0;
overflow: hidden;
@@ -966,59 +985,23 @@ input.button.added:after,
# Widgets
--------------------------------------------------------------*/
/*--------------------------------------------------------------
-## - Price Filter Widget
+## Active Product Filters Widget
--------------------------------------------------------------*/
-.widget_price_filter .ui-slider {
- background: #ebebeb;
- height: 3px;
- margin: 21px 3.5px 26px;
+.widget.widget_layered_nav_filters .chosen a {
+ padding-left: 20px;
position: relative; }
- .widget_price_filter .ui-slider .ui-slider-range {
- background: #4d8ffb;
- height: 100%;
- position: absolute;
- top: 0;
- z-index: 1; }
- .widget_price_filter .ui-slider .ui-slider-handle {
- background: #4d8ffb;
- cursor: ew-resize;
- height: 15px;
- margin-left: -3.5px;
- outline: none;
+ .widget.widget_layered_nav_filters .chosen a:before {
+ color: #4d8ffb;
+ content: "\e900";
+ display: inline-block;
+ font-family: "polestar-icons";
+ font-size: 15px;
+ left: 0;
+ line-height: 1;
position: absolute;
- top: -6px;
- width: 7px;
- z-index: 2; }
-
-.widget_price_filter .price_slider_amount {
- overflow: auto; }
- .widget_price_filter .price_slider_amount .price_label {
- font-weight: normal;
- padding-top: 10px; }
- .widget_price_filter .price_slider_amount .price_label span {
- font-weight: bold; }
- .widget_price_filter .price_slider_amount .button {
- float: right; }
-
-/*--------------------------------------------------------------
-## - Search Widget
---------------------------------------------------------------*/
-.widget_product_search .woocommerce-product-search input[type="search"] {
- padding-right: 43px; }
-
-.widget_product_search .woocommerce-product-search button[type="submit"] {
- background: none;
- border: none;
- color: inherit;
- padding: 0;
- position: relative;
- right: 36px;
- top: 2px; }
- .widget_product_search .woocommerce-product-search button[type="submit"] svg {
- height: 16px;
- width: 16px; }
- .widget_product_search .woocommerce-product-search button[type="submit"] svg path {
- fill: #828282; }
+ top: 3px; }
+ .widget.widget_layered_nav_filters .chosen a:hover {
+ color: #2d2d2d; }
/*--------------------------------------------------------------
## - Cart and Product List Widget
@@ -1045,6 +1028,9 @@ input.button.added:after,
.cart_list li ins,
.product_list_widget li ins {
background: none; }
+ .cart_list li .star-rating,
+ .product_list_widget li .star-rating {
+ margin-top: 4px; }
.cart_list li .amount,
.cart_list li .quantity,
.product_list_widget li .amount,
@@ -1088,6 +1074,93 @@ input.button.added:after,
.widget_shopping_cart .buttons a.checkout {
margin-left: 5px; }
+/*--------------------------------------------------------------
+## Product Categories Widget
+--------------------------------------------------------------*/
+.widget_product_categories .product-categories li,
+.woocommerce-widget-layered-nav-list li {
+ color: #828282; }
+ .widget_product_categories .product-categories li a,
+ .woocommerce-widget-layered-nav-list li a {
+ color: #2d2d2d;
+ display: inline-block;
+ margin-bottom: 8px; }
+ .widget_product_categories .product-categories li span,
+ .woocommerce-widget-layered-nav-list li span {
+ color: #828282; }
+ .widget_product_categories .product-categories li .children,
+ .woocommerce-widget-layered-nav-list li .children {
+ margin-left: 12px; }
+
+/*--------------------------------------------------------------
+## - Price Filter Widget
+--------------------------------------------------------------*/
+.widget_price_filter .ui-slider {
+ background: #ebebeb;
+ height: 3px;
+ margin: 21px 3.5px 26px;
+ position: relative; }
+ .widget_price_filter .ui-slider .ui-slider-range {
+ background: #4d8ffb;
+ height: 100%;
+ position: absolute;
+ top: 0;
+ z-index: 1; }
+ .widget_price_filter .ui-slider .ui-slider-handle {
+ background: #4d8ffb;
+ cursor: ew-resize;
+ height: 15px;
+ margin-left: -3.5px;
+ outline: none;
+ position: absolute;
+ top: -6px;
+ width: 7px;
+ z-index: 2; }
+
+.widget_price_filter .price_slider_amount {
+ overflow: auto; }
+ .widget_price_filter .price_slider_amount .price_label {
+ font-weight: normal;
+ padding-top: 10px; }
+ .widget_price_filter .price_slider_amount .price_label span {
+ font-weight: bold; }
+ .widget_price_filter .price_slider_amount .button {
+ background: #ebebeb;
+ color: #626262;
+ float: right; }
+ .widget_price_filter .price_slider_amount .button:hover {
+ background: #4d8ffb; }
+
+/*--------------------------------------------------------------
+## - Filter Products by Rating Widget
+--------------------------------------------------------------*/
+.widget.widget_rating_filter .wc-layered-nav-rating a {
+ align-items: center;
+ color: #828282;
+ display: flex; }
+ .widget.widget_rating_filter .wc-layered-nav-rating a .star-rating {
+ display: inline-block;
+ margin-right: 3px; }
+
+/*--------------------------------------------------------------
+## - Product Tag Cloud Widget
+--------------------------------------------------------------*/
+.widget.widget_product_tag_cloud {
+ margin-right: -6px; }
+ .widget.widget_product_tag_cloud .tagcloud a {
+ background: #ebebeb;
+ border-radius: 2px;
+ color: #626262;
+ display: inline-block;
+ font-size: 13px;
+ line-height: normal;
+ margin: 0 6px 8px 0;
+ padding: 6px 10px;
+ transition: .3s; }
+ .widget.widget_product_tag_cloud .tagcloud a:hover {
+ background: #4d8ffb;
+ color: #fff; }
+
/*--------------------------------------------------------------
# Notifications
--------------------------------------------------------------*/
@@ -1142,6 +1215,7 @@ input.button.added:after,
.woocommerce-error {
display: block;
+ color: rgba(255, 0, 0, 0.7);
font-size: 14px;
list-style: none;
padding: 20px 20px; }
@@ -1366,10 +1440,17 @@ input.button.added:after,
text-align: center; }
.site-header .shopping-cart-dropdown .buttons a {
color: #fff;
- display: inline-block; }
+ display: inline-block;
+ font-weight: normal; }
.site-header .shopping-cart-dropdown .buttons a.button {
font-size: 12px;
padding: 10px 24px; }
+ .site-header .shopping-cart-dropdown .buttons a:first-of-type {
+ background: #ebebeb;
+ color: #626262; }
+ .site-header .shopping-cart-dropdown .buttons a:first-of-type:hover {
+ background: #4d8ffb;
+ color: #fff; }
#mobile-navigation .shopping-cart-text {
color: #2d2d2d;
@@ -1412,14 +1493,6 @@ input.button.added:after,
.woocommerce .checkout_coupon .form-row-last {
width: 50%; } }
-.woocommerce .col2-set {
- float: left;
- width: 47.8260869565%; }
- @media (max-width: 768px) {
- .woocommerce .col2-set {
- float: none;
- width: 100%; } }
-
.woocommerce #order_review_heading,
.woocommerce #order_review {
clear: right;
@@ -1486,6 +1559,8 @@ input.button.added:after,
padding: 10px 0 0; }
.woocommerce #payment .payment_methods li .payment_box.payment_method_paypal {
padding-top: 20px; }
+ .woocommerce #payment .payment_methods li .payment_box p {
+ margin-bottom: 0; }
.woocommerce #payment .payment_methods li.payment_method_stripe img {
margin-top: -10px;
position: absolute;
@@ -1500,11 +1575,10 @@ input.button.added:after,
.woocommerce #payment .form-row select {
width: auto; }
-.woocommerce #payment .wc-terms-and-conditions,
-.woocommerce #payment .terms {
- float: left;
- padding: 0 1em 0 0;
- text-align: left; }
+.woocommerce #payment .wc-terms-and-conditions {
+ border-bottom: 1px solid #ebebeb;
+ padding: 20px;
+ margin-bottom: 0; }
.woocommerce #payment #place_order {
float: right;
@@ -1533,6 +1607,12 @@ input.button.added:after,
.woocommerce-order-received table td {
border: 1px solid #f6f6f6;
padding: 8px 16px; }
+ .woocommerce-order-received table th a,
+ .woocommerce-order-received table td a {
+ color: #626262; }
+ .woocommerce-order-received table th a:hover,
+ .woocommerce-order-received table td a:hover {
+ color: #4d8ffb; }
.woocommerce-order-received section {
margin-bottom: 50px; }
@@ -1562,15 +1642,23 @@ input.button.added:after,
font-size: 23px;
margin-bottom: 10px; }
-.woocommerce-account .login {
- max-width: 50%; }
- .woocommerce-account .login label[for*="rememberme"] {
- font-size: 13px;
- font-weight: normal;
- line-height: normal;
- margin-top: 10px; }
- .woocommerce-account .login .lost_password {
- font-size: 13px; }
+@media (min-width: 769px) {
+ .woocommerce-account .login {
+ max-width: 75%; } }
+
+.woocommerce-account .login label[for*="rememberme"] {
+ font-size: 13px;
+ font-weight: normal;
+ line-height: normal;
+ margin-top: 10px; }
+
+.woocommerce-account .login .lost_password {
+ font-size: 13px;
+ margin-top: -14px; }
+
+@media (min-width: 769px) {
+ .woocommerce-account .register {
+ max-width: 75%; } }
.woocommerce-account .woocommerce-MyAccount-navigation {
border: 1px solid #ebebeb;
@@ -1606,6 +1694,8 @@ input.button.added:after,
margin-top: 0; }
.woocommerce-account .woocommerce-MyAccount-content p {
margin-bottom: 26px; }
+ .woocommerce-account .woocommerce-MyAccount-content p span em {
+ font-size: 13px; }
.woocommerce-account .woocommerce-MyAccount-content .col2-set {
float: none;
width: 100%; }
@@ -1627,6 +1717,20 @@ input.button.added:after,
@media (max-width: 768px) {
.woocommerce-account .woocommerce-MyAccount-content .woocommerce-Address.col-2 {
padding-left: 0; } }
+ .woocommerce-account .woocommerce-MyAccount-content .password-change {
+ margin-bottom: 15px; }
+
+.woocommerce-password-strength {
+ font-size: 14px;
+ font-weight: 600; }
+ .woocommerce-password-strength.strong {
+ color: rgba(0, 128, 0, 0.7); }
+ .woocommerce-password-strength.short {
+ color: rgba(255, 0, 0, 0.7); }
+ .woocommerce-password-strength.bad {
+ color: rgba(255, 0, 0, 0.7); }
+ .woocommerce-password-strength.good {
+ color: rgba(0, 0, 128, 0.7); }
/*--------------------------------------------------------------
# Order Tracking
diff --git a/woocommerce/myaccount/form-edit-account.php b/woocommerce/myaccount/form-edit-account.php
new file mode 100644
index 0000000..93e6b26
--- /dev/null
+++ b/woocommerce/myaccount/form-edit-account.php
@@ -0,0 +1,75 @@
+
+
+
+
+
diff --git a/woocommerce/product-searchform.php b/woocommerce/product-searchform.php
index a642d93..e3753ef 100644
--- a/woocommerce/product-searchform.php
+++ b/woocommerce/product-searchform.php
@@ -22,7 +22,7 @@
?>
-