{"id":1945952,"date":"2020-02-18T13:29:05","date_gmt":"2020-02-18T18:29:05","guid":{"rendered":"https:\/\/staging.theeventscalendar.com\/knowledgebase\/?post_type=tribe-knowledgebase&#038;p=1945952"},"modified":"2022-02-16T08:56:48","modified_gmt":"2022-02-16T13:56:48","slug":"plus-minus-button-styling-glitch","status":"publish","type":"post","link":"https:\/\/staging.theeventscalendar.com\/knowledgebase\/plus-minus-button-styling-glitch\/","title":{"rendered":"Styling the Ticket Form Quantity Buttons"},"content":{"rendered":"\n<p>We redesigned how the ticket form that displays on event pages in <a href=\"https:\/\/theeventscalendar.com\/event-tickets-4-11-redesigning-tickets-and-attendee-registration\/\" target=\"_blank\" rel=\"noreferrer noopener\">Event Tickets 4.11<\/a>. Until now, not all compatible themes have updated their templates for tickets yet and, in some cases, there can be a styling conflict of the plus\/minus buttons in the ticket form.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" src=\"https:\/\/images.theeventscalendar.com\/kb\/uploads\/2020\/02\/Screen-Shot-2020-02-18-at-11.48.03-PM.png\" alt=\"Styling the ticket form quantity buttons\" class=\"wp-image-1945954\"\/><\/figure>\n\n\n\n<p>If you are having issues similar to the image above, then please try using the following CSS.<\/p>\n\n\n<div class=\"wp-block-syntaxhighlighter-code \"><pre class=\"brush: css; title: ; notranslate\" title=\"\">\n#tribe-tickets .tribe-tickets__item .tribe-tickets__item__quantity button {\n  border: none;\n  box-shadow: none;\n  color: black;\n  font-weight: 600;\n  background: none;\n}\n<\/pre><\/div>\n\n\n<p>This should remove the unwanted button styles from the plus\/minus buttons as shown below.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" src=\"https:\/\/images.theeventscalendar.com\/kb\/uploads\/2020\/02\/Screen-Shot-2020-02-18-at-11.55.19-PM.png\" alt=\"How the ticket quantity form appears after adding CSS to your stylesheet\" class=\"wp-image-1945955\"\/><\/figure>\n\n\n\n<p>It is best to reach out to your theme provider and let them know about it, so they can come up with a fix. And, if you are using the <strong>Avada<\/strong> theme, then updating the theme to version 6.2.0 should already contain this fix.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>We redesigned how the ticket form that displays on event pages in Event Tickets 4.11. Until now, not all compatible themes have updated their templates for tickets yet and, in some cases, there can be a styling conflict of the plus\/minus buttons in the ticket form. If you are having issues similar to the image&#8230;<\/p>\n","protected":false},"author":3,"featured_media":1955565,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"_kad_blocks_custom_css":"","_kad_blocks_head_custom_js":"","_kad_blocks_body_custom_js":"","_kad_blocks_footer_custom_js":"","_swpsp_post_exclude":false,"_kad_post_transparent":"","_kad_post_title":"","_kad_post_layout":"","_kad_post_sidebar_id":"","_kad_post_content_style":"","_kad_post_vertical_padding":"","_kad_post_feature":"","_kad_post_feature_position":"","_kad_post_header":false,"_kad_post_footer":false,"ep_exclude_from_search":false,"footnotes":""},"categories":[116,24,79],"tags":[23,25],"stellar-product-taxonomy":[155,156],"class_list":["post-1945952","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-css-styling","category-customizing","category-snippets","tag-css","tag-customizations","stellar-product-taxonomy-event-tickets","stellar-product-taxonomy-event-tickets-plus"],"acf":[],"taxonomy_info":{"category":[{"value":116,"label":"CSS &amp; Styling"},{"value":24,"label":"Customizations"},{"value":79,"label":"Snippets"}],"post_tag":[{"value":23,"label":"CSS"},{"value":25,"label":"Customizations"}],"stellar-product-taxonomy":[{"value":155,"label":"Event Tickets"},{"value":156,"label":"Event Tickets Plus"}]},"featured_image_src_large":["https:\/\/images.theeventscalendar.com\/kb\/uploads\/2023\/02\/social-share-1024x538.png",1024,538,true],"author_info":{"display_name":"Jaime Marchwinski","author_link":"https:\/\/staging.theeventscalendar.com\/knowledgebase\/author\/jaimetri-be\/"},"comment_info":0,"category_info":[{"term_id":116,"name":"CSS &amp; Styling","slug":"css-styling","term_group":0,"term_taxonomy_id":116,"taxonomy":"category","description":"","parent":24,"count":33,"filter":"raw","term_order":"0","cat_ID":116,"category_count":33,"category_description":"","cat_name":"CSS &amp; Styling","category_nicename":"css-styling","category_parent":24},{"term_id":24,"name":"Customizations","slug":"customizing","term_group":0,"term_taxonomy_id":24,"taxonomy":"category","description":"","parent":0,"count":110,"filter":"raw","term_order":"0","cat_ID":24,"category_count":110,"category_description":"","cat_name":"Customizations","category_nicename":"customizing","category_parent":0},{"term_id":79,"name":"Snippets","slug":"snippets","term_group":0,"term_taxonomy_id":79,"taxonomy":"category","description":"","parent":0,"count":136,"filter":"raw","term_order":"0","cat_ID":79,"category_count":136,"category_description":"","cat_name":"Snippets","category_nicename":"snippets","category_parent":0}],"tag_info":[{"term_id":23,"name":"CSS","slug":"css","term_group":0,"term_taxonomy_id":23,"taxonomy":"post_tag","description":"","parent":20,"count":48,"filter":"raw","term_order":"0"},{"term_id":25,"name":"Customizations","slug":"customizations","term_group":0,"term_taxonomy_id":25,"taxonomy":"post_tag","description":"","parent":0,"count":177,"filter":"raw","term_order":"0"}],"_links":{"self":[{"href":"https:\/\/staging.theeventscalendar.com\/knowledgebase\/wp-json\/wp\/v2\/posts\/1945952","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/staging.theeventscalendar.com\/knowledgebase\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/staging.theeventscalendar.com\/knowledgebase\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/staging.theeventscalendar.com\/knowledgebase\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/staging.theeventscalendar.com\/knowledgebase\/wp-json\/wp\/v2\/comments?post=1945952"}],"version-history":[{"count":1,"href":"https:\/\/staging.theeventscalendar.com\/knowledgebase\/wp-json\/wp\/v2\/posts\/1945952\/revisions"}],"predecessor-version":[{"id":1956038,"href":"https:\/\/staging.theeventscalendar.com\/knowledgebase\/wp-json\/wp\/v2\/posts\/1945952\/revisions\/1956038"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/staging.theeventscalendar.com\/knowledgebase\/wp-json\/wp\/v2\/media\/1955565"}],"wp:attachment":[{"href":"https:\/\/staging.theeventscalendar.com\/knowledgebase\/wp-json\/wp\/v2\/media?parent=1945952"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/staging.theeventscalendar.com\/knowledgebase\/wp-json\/wp\/v2\/categories?post=1945952"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/staging.theeventscalendar.com\/knowledgebase\/wp-json\/wp\/v2\/tags?post=1945952"},{"taxonomy":"stellar-product-taxonomy","embeddable":true,"href":"https:\/\/staging.theeventscalendar.com\/knowledgebase\/wp-json\/wp\/v2\/stellar-product-taxonomy?post=1945952"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}