Add to Cart Button Help

[Dave]

Hi!

Thanks so much for making this ticket software so easy!

I have two issues to discuss. Both deal with tickets functioning strange on mobile devices.

-On desktop, our ‘add to cart’ button is in grey. On mobile, it is white? Users are not able to see add to cart anywhere which is causing big problems. Please advise on how to make the background color of the add to cart button match the desktop version.

-The ticket information is not being responsive on mobile… the ticket details move to the right of the screen.

Thank you for your help, we would appreciate a fast response!
-Happy customer

[Dave]

Here’s a link to an example event page, please view from your phone – http://studio614.co/event/gooddale-park-elevator-brewery/

[Cliff]

Hi. Thanks for the link.

1) I was able to look into it and see that the “Add to Cart” button stays gray the entire time until the button is hovered — on all browsers, not just mobile.

The CSS changing the background color of the button once hovered is from http://studio614.co/wp-content/themes/kleo/woocommerce/assets/css/woocommerce.css

Here’s the same CSS selector with the change to make the background color to “black” instead of “#fff” (hex code for white color):

.woocommerce #content input.button:hover, .woocommerce #respond input#submit:hover, .woocommerce a.button:hover, .woocommerce button.button:hover, .woocommerce input.button:hover, .woocommerce-page #content input.button:hover, .woocommerce-page #respond input#submit:hover, .woocommerce-page a.button:hover, .woocommerce-page button.button:hover, .woocommerce-page input.button:hover {
background-color: black;
}

Alternatively, you could change “background-color: black;” to “color: black;” to change the text color to something other than “#fff”.

Of course, you can change to any other color besides “black”, too.

You can add custom CSS code via your child theme’s style.css file or via a plugin like Simple Custom CSS or, my favorite, Jetpack. Jetpack supports regular CSS and the LESS and Sass pre-processors.

2) Regarding the ticket area’s responsiveness… We like to keep each forum post to a single issue but my quick response is that it seems to work just fine for me.

Here’s what I see on Mac Chrome

I hope this helps. Please let me know how it goes for you.

[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