Quantity arrows not showing

[Joey]

Hi,

Currently I have the following problem: when someone wants to order tickets, they have to manually type in the amount instead of just clicking on the arrow.

I already saw this topic but the answer is basically about IE10 so not the answer I am looking for ( https://theeventscalendar.com/support/forums/topic/ticket-amount-arrows-not-showing-in-all-browsers/ ).

This is at my website: (The mouse is already hovering over the box)

And in the same browser (Google Chrome) I see the demo is working:

How can I fix this?

[Josh]

Hey Joey,

Thanks for reaching out to us!

It looks like they are showing up on your site, however due to some style issues, potentially with your active theme that are preventing them from showing up in the proper place. If you switch to a default theme you should see that they do appear and are working normally.

As a first step though with your theme, you can try adding “position:relative” to the “.woocommerce .buttons-added” class within your stylesheet. By doing this, you should see the buttons show up around the quantity box. You may have to do some additional styling though to get them to display the way you would like.

Thanks!

[Joey]

Hi Josh,

Thanks for your reply! Where can I find this stylesheet? Sorry I’m still new to all this.

Kind regards,

Joey

[Josh]

Hey Joey,

No problem. You should likely set up a child theme for customizations and add customizations to your “style.css” file there. If you’re not interested in that approach, you should be able to add customizations to your main theme within the “style.css” file there.

Let me know if this helps.

Thanks!

[Joey]

Hi Josh,

I’ve added this to the style.css in my child theme folder:

.woocommerce .buttons-added {
position:relative;
}

But it didn’t give any results.. Did i do something wrong?

[Josh]

Hey Joey,

It may not be overwriting the WooCommerce styles here. Try using:

body.woocommerce .buttons-added {
position:relative;
}

as a more specific selector to help ensure the styles have impact.

Let me know if this helps.

Thanks!

[Support Droid]

This topic has not been active for quite some time and will now be closed.

If you still need assistance please simply open a new topic (linking to this one if necessary)
and one of the team will be only too happy to help.

[Author]

Posts