Return to previous page

Shopping Cart Popup Tweaks? - by talonhead

This topic has 161 replies, 5 voices, and was last updated 9 years, 4 months ago ago by Robert Hall

talonhead

Participant

July 13, 2016 at 09:20

Found out it was the Gallery Master plugin causing the conflict. I also concluded that the “auto updating” might have been caused by an Envato plugin. I reverted back to WC 2.5.5 so we’ll see what happens within the next 24 hours.

Product data is back…all good with the world.

When will the bug be addressed with the shopping cart popup issue?

#133389 Copied

Jack Richardson

Support staff

July 13, 2016 at 11:33

Hello,

The bug will be fixed in the next days.
Please wait a little.

Thank you for your patience.

Best regards,
Jack Richardson.

#133401 Copied

talonhead

Participant

July 13, 2016 at 16:35

Sure thing.

How can the these page buttons get radiused corners?

http://prntscr.com/bsft5k

How do I acquire a key for Screets? http://prntscr.com/bsftoq

#133455 Copied
Eva Kemp

Participant

July 13, 2016 at 16:46
Hello,

Add this css code:

.pagination-cubic ul li a { border-radius: 5px; }

To get a key you need buy the plugin. It’s required to get plugin updates.

Regards,
Eva Kemp.
#133457 Copied
talonhead

Participant

July 13, 2016 at 17:30

Buy the plugin? I need to do that for it to work? Screets comes with the theme I thought.

#133469 Copied

Jack Richardson

Support staff

July 13, 2016 at 17:45

Hello,

License key is not required.
What issues do you have with the chat plugin?

Best regards,
Jack Richardson.

#133473 Copied

talonhead

Participant

July 13, 2016 at 17:53

I see. Well, that said, and after poking around a bit more, I saw that you have to go to the console to “turn it on”.

Incidentally, how can we move the “arrow” above the message box? It needs some padding. I’d rather move the arrow than the message popup.

http://prntscr.com/bsgsib

#133477 Copied
Eva Kemp

Participant

July 13, 2016 at 18:14
Hello,

Where do you want to move the arrow?
Try this css code:

.back-top { bottom: 150px; }

Regards,
Eva Kemp.
#133481 Copied
talonhead

Participant

July 14, 2016 at 08:40

Thanks. About half that worked just fine. On the pagination buttons, the one selected needs radisued corners as well.

http://prntscr.com/bsl7mi

#133534 Copied
Rose Tyler

Support staff

July 14, 2016 at 08:57
Hello,

You’re welcome!
You can use this code:

.pagination-cubic ul li span.current, .pagination-cubic ul li a:hover { border-radius: 5px; }

Regards,
Rose Tyler.
#133537 Copied
talonhead

Participant

July 14, 2016 at 09:02

Thanks Rose! That worked just fine. While we’re on the subject, what about the “default sorting” box as well as the little borders around the “grid” and “list” buttons get radiused? See screenshot.

http://prntscr.com/bspzz4

#133541 Copied
Rose Tyler

Support staff

July 14, 2016 at 09:14
Add this css code:

.filter-wrap .woocommerce-ordering select{ border-radius: 5px; } .filter-wrap .view-switcher .switchToGrid{ border-radius: 5px; } .filter-wrap .view-switcher .switchToList{ border-radius: 5px; }

Regards,
Rose Tyler.
#133545 Copied
talonhead

Participant

July 14, 2016 at 09:18

Perfect. Thank you thank you!

And the “search products” box and “Product Categories” radiused as well? http://prntscr.com/bsq6bf

#133546 Copied
Rose Tyler

Support staff

July 14, 2016 at 09:26
You’re welcome!

Try this code:

.woocommerce.widget_product_search .woocommerce-product-search input[type="search"]{ border-radius: 5px; }

Regards,
Rose Tyler.
#133547 Copied
talonhead

Participant

July 14, 2016 at 09:30

Cool. We’re on a roll.

And the Product Categories radiused? http://prntscr.com/bsqatd

#133551 Copied
Rose Tyler

Support staff

July 14, 2016 at 09:35
Add this css code:

#woocommerce_product_categories-6 h4 { border-radius: 5px; }

Regards,
Rose Tyler.
#133552 Copied
talonhead

Participant

July 14, 2016 at 09:40

Great! You’re fantastic!

I’ve noticed that the input boxes (search and sorting) might look better if the placeholder text inside was black?

http://prntscr.com/bsqdw8

#133553 Copied
Rose Tyler

Support staff

July 14, 2016 at 09:48
Try this code:

input#woocommerce-product-search-field::-webkit-input-placeholder { color: black; } .filter-wrap .woocommerce-ordering select{ color: black; }

Also, you can read the article and watch the video: https://developers.google.com/web/tools/chrome-devtools/iterate/inspect-styles/.

Regards,
Rose Tyler.
#133556 Copied
talonhead

Participant

July 14, 2016 at 09:53

Great! I would love how to edit these little things on my own instead of having to bother you guys on every little nit pick detail. Thanks for the info.

In the meantime, the search box placeholder text is still grey? http://prntscr.com/bsqj0q

#133561 Copied

Eva Kemp

Participant

July 14, 2016 at 10:02

Hello,

As I see placeholder text is black:
http://prntscr.com/bsqmu4

Try to clear browser cache and check again.

Regards,
Eva Kemp.

#133565 Copied

talonhead

Participant

July 14, 2016 at 10:07

Yes you do. And I thought since all the other tweaks were instantly showing, why not placeholder text in the search box?

I’ve always wanted to ask this…and keep forgetting.

What can we do to the product boxes to have them all the same size? I’d like to have all the “select options” buttons or “add to cart” buttons be inline with each other. Currently they’re staggered.

http://prntscr.com/bsqnz2

Basically, all the three line boxes need their space increased to get the buttons aligned with the 4 space boxes. if all of that made sense.

#133567 Copied
Eva Kemp

Participant

July 14, 2016 at 12:27
Hello,

Please add this code in Custom CSS for desktop section:

.product-title { height: 60px; }

Regards,
Eva Kemp.
#133591 Copied
talonhead

Participant

July 14, 2016 at 14:18

Great. Thanks!

And for mobile? http://prntscr.com/bstjit

#133642 Copied

Jack Richardson

Support staff

July 14, 2016 at 14:29

Hello,

Move that code from Custom CSS for desktop to Global Custom CSS section.

Best regards,
Jack Richardson.

#133644 Copied

talonhead

Participant

July 14, 2016 at 15:25

That works great jack. But it does mess with “list”view a bit. Pics aren’t in line with the product title. See attached.

Please, contact administrator
for this information.

#133653 Copied
Eva Kemp

Participant

July 14, 2016 at 15:37
Hello,

Please replace the code with this one:

.products-grid .product-title { height: 60px; }

Regards,
Eva Kemp.
#133656 Copied
talonhead

Participant

July 14, 2016 at 15:41

That didnt do anything.

Please, contact administrator
for this information.

#133659 Copied
Jack Richardson

Support staff

July 14, 2016 at 16:58
Hello,

Please use this code in Global Custom CSS section:

.products-list .product .product-details { margin-top: 0 !important; }

Best regards,
Jack Richardson.
#133681 Copied
talonhead

Participant

July 15, 2016 at 14:15

Great. That worked just fine.

Now check the attached video. We’re back to having hover over problems with the image swap. Offset again. 🙁

Please, contact administrator
for this information.

#133780 Copied
Jack Richardson

Support staff

July 15, 2016 at 14:22
Hello,

Add this code in Custom CSS for desktop section:

.products-list .product .product-image-wrapper.hover-effect-swap .show-image { left: auto !important; }

Best regards,
Jack Richardson.
#133784 Copied
← 1 2 3 4 5 6 →

Viewing 120 results - 91 through 120 (of 161 total)