Woocommerce shopping cart widget buttons bug - Support | Kriesi.at

Viewing 6 posts - 1 through 6 (of 6 total)

Author

Posts
September 23, 2015 at 8:55 pm #508074

acbrent25
Participant

Hi there,

I installed woocommerce here:
http://shop.standupjournal.com/

The only issue that I have is that the shopping cart widget’s view cart and checkout button in the right sidebar are formatted strangely on regular pages like this: http://shop.standupjournal.com/

And look amazing on post pages and categories like this: http://shop.standupjournal.com/product-category/back-issues/

You may have to add a product to the cart to see.

How can I make them all look consistent?

September 25, 2015 at 5:41 am #508767

Rikard
Keymaster

Hi acbrent25,

That’s strange, did you do any CSS customisations to the site?

Regards,
Rikard

September 25, 2015 at 2:19 pm #509027

acbrent25
Participant

Not that would affect that… I noticed another person in this forum having the exact same problem, so may be a bug or issue with theme css no working with woocommerce. I will send my credentials privately so you can check it out.

September 27, 2015 at 11:09 am #509656

Andy
Inactive Moderator

Hey!

I can’t see any difference between both links from your first post. Could you fix it already? can you highlight the difference using screenshots please? you can use imgur.com or dropbox.

Cheers!
Andy

September 28, 2015 at 5:59 pm #510334

acbrent25
Participant

Andy,

I have no idea how to add a screenshot here as I don’t have the ability in the above editor. Am I missing something?

In order to reproduce the problem, all you have to add an item to the cart:

Here’s the problem: http://standupjournal.com/wp-content/uploads/2015/09/Screen-Shot-2015-09-28-at-11.56.33-AM.png

Here’s where it looks correct: http://standupjournal.com/wp-content/uploads/2015/09/Screen-Shot-2015-09-28-at-11.56.50-AM.png

Please let me know how to fix ASAP

Thank you,

September 29, 2015 at 5:58 pm #510896
Andy
Inactive Moderator
Hi!

thanks for the screenshots. Use this code in Quick CSS field:
```
.button.wc-forward {
height: 37px;
top: 9px;
position: relative;
}
a.button.checkout.wc-forward {
top: 0px;
}
```
and adjust as needed.

Best regards,
Andy
Author

Posts

Viewing 6 posts - 1 through 6 (of 6 total)

You must be logged in to reply to this topic.