themeblvd / jumpstart

The most extensive WordPress theme for both users and developers from Theme Blvd
http://wpjumpstart.com
GNU General Public License v2.0
5 stars 2 forks source link

WooCommerce styling issues #332

Closed themeblvd closed 6 years ago

themeblvd commented 7 years ago

Here's a good design that we can probably pull some styling changes to:

https://demo.woothemes.com/?name=galleria

(Checkout product thumbnails)


Shipping list messed up and rounded corners look bad. Completed in JS 2.2, framework 2.7

screen shot 2017-11-29 at 8 54 28 am

Remove all rounded corners, and here's a possible fix for the list items:

#shipping_method {
  list-style: none;
  padding-left: 0;
}
#shipping_method li {
  padding: 5px 0;
}
#shipping_method input {
  margin: 0 2px 0 0;
}
#shipping_method label {
  display: inline;
}

Checkout columns shouldn't be switched Was definitely just a minor bug in the CSS, completed in JS 2.2, framework 2.7

screen shot 2017-11-29 at 8 57 49 am

Overriding fix:

.col2-set .col-1 {
  float: left;
  margin-left: 0;
  margin-right: 4%;
}
.col2-set .col-2 {
  float: right;
}

Or just ditch having these as two side-by-side columns and style it like the WooCommerce themes.

screen shot 2017-11-29 at 9 12 14 am
themeblvd commented 6 years ago

Just fixing bugs here. We can implement a better implementation of WooCommerce compatibility in a future milestone, which will be easier to manager going forward (#341).