Support

October 15, 2015 at 11:04 am

Hi, the arrangement is modeled after other shopping carts.

Generally the go to checkout link is shown in the right area of the screen and the continue shopping link is shown on the left.

You can switch it by using some CSS in your theme’s stylesheet or through a plugin like My Custom CSS:

.cart-results-button-spn span.dashicons.dashicons-arrow-left-alt2, .cart-results-button-spn span.dashicons.dashicons-arrow-right-alt2 {display:none;}
a.cart-results-go-back-button.cart-results-button.button.close-modal-js {float:right;}

—
Lorenzo

October 15, 2015 at 2:41 pm

Hi, is this the current order without the sample CSS that I shared earlier?

http://cl.ly/image/123q3H47331R

If so that is not the correct order and this CSS will correct it:

a.cart-results-go-back-button.cart-results-button.button.close-modal-js

Here is what it should look like afterwards:

http://cl.ly/image/421Q3u0z3y30

—
Lorenzo

October 16, 2015 at 3:30 am

Hi Denise,

By default the cart should look like this – http://take.ms/NK2MR

The reason it is not currently is because your theme is floating the buttons – http://take.ms/EaOXp

Styles.css is from your theme, so we need to override that for the EE buttons within the cart.

Remove the code Lorenzo previously provided above and use something like this:

.cart-results-button {
    float: none;
}

We recommend using either the My Custom CSS or Reaktiv CSS Builder plugins to add custom styles such as these.

Does it then load the buttons correctly?