{"id":294,"date":"2023-02-11T19:25:29","date_gmt":"2023-02-11T19:25:29","guid":{"rendered":"https:\/\/doc.audience1st.com\/?post_type=knowledgebase&#038;p=294"},"modified":"2023-04-20T01:59:16","modified_gmt":"2023-04-20T01:59:16","slug":"customizing-patron-checkout-view-and-door-list","status":"publish","type":"knowledgebase","link":"https:\/\/docs.audience1st.com\/index.php\/user-guide\/customizing-audience1sts-appearance\/customizing-patron-checkout-view-and-door-list\/","title":{"rendered":"Customizing Audience1st Pages"},"content":{"rendered":"<p>See <a href=\"https:\/\/docs.audience1st.com\/index.php\/user-guide\/customizing-audience1sts-appearance\/cascading-style-sheet\/\">this article<\/a> for how to access and upload changes to the Audience1st stylesheet. Below we will discuss various elements within the CSS file.<\/p>\n<h2 id=\"overall-appearance-background-colors-etc\">General Appearance<\/h2>\n<p>TBD<\/p>\n<p>Background, colors, etc.<\/p>\n<p>show Div structure here and give example<\/p>\n<h2 id=\"reservation-check-in-and-door-list\">Reservation Check In and Door List<\/h2>\n<p>The reservation check-in table is in a\u00a0<code class=\"language-plaintext highlighter-rouge\">div#checkin<\/code>\u00a0and the door list is in a\u00a0<code class=\"language-plaintext highlighter-rouge\">div#doorlist<\/code>. Within each, you can control the appearance of the columns for patron last name (<code class=\"language-plaintext highlighter-rouge\">.lastname<\/code>), patron first name (<code class=\"language-plaintext highlighter-rouge\">.firstname<\/code>), seat assignments if reserved seating (<code class=\"language-plaintext highlighter-rouge\">.seats<\/code>), name of ticket type (<code class=\"language-plaintext highlighter-rouge\">.vouchertype<\/code>), and the \u201cindex letter\u201d in the leftmost column of the door list (<code class=\"language-plaintext highlighter-rouge\">.maincolumn<\/code>). Use a selector such as\u00a0<code class=\"language-plaintext highlighter-rouge\">#doorlist .seats<\/code>\u00a0to style only the door list, or just\u00a0<code class=\"language-plaintext highlighter-rouge\">.seats<\/code>\u00a0to style the same way in both the door list and the checkin screen.<\/p>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"alignnone wp-image-476 size-full\" src=\"https:\/\/docs.audience1st.com\/wp-content\/uploads\/2023\/02\/doorlist.png\" alt=\"\" width=\"673\" height=\"216\" srcset=\"https:\/\/docs.audience1st.com\/wp-content\/uploads\/2023\/02\/doorlist.png 673w, https:\/\/docs.audience1st.com\/wp-content\/uploads\/2023\/02\/doorlist-300x96.png 300w\" sizes=\"(max-width: 673px) 100vw, 673px\" \/><\/p>\n<p>&nbsp;<\/p>\n<h2 id=\"order-checkout\">Order Checkout<\/h2>\n<p>The patron\u2019s view of the order summary at the time of payment can be customized to highlight the show name, date, and so on in different ways, by styling the CSS classes shown below.<\/p>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"alignnone wp-image-477 size-full\" src=\"https:\/\/docs.audience1st.com\/wp-content\/uploads\/2023\/02\/checkout.png\" alt=\"\" width=\"666\" height=\"261\" srcset=\"https:\/\/docs.audience1st.com\/wp-content\/uploads\/2023\/02\/checkout.png 666w, https:\/\/docs.audience1st.com\/wp-content\/uploads\/2023\/02\/checkout-300x118.png 300w\" sizes=\"(max-width: 666px) 100vw, 666px\" \/><\/p>\n<p>&nbsp;<\/p>\n","protected":false},"excerpt":{"rendered":"<p>See this article for how to access and upload changes to the Audience1st stylesheet. Below we will discuss various elements within the CSS file. General Appearance TBD Background, colors, etc. show Div structure here and give example Reservation Check In and Door List The reservation check-in table is in a\u00a0div#checkin\u00a0and the door list is in [&hellip;]<\/p>\n","protected":false},"author":2,"featured_media":0,"comment_status":"closed","ping_status":"closed","template":"","knowledgebase_cat":[16],"_links":{"self":[{"href":"https:\/\/docs.audience1st.com\/index.php\/wp-json\/wp\/v2\/knowledgebase\/294"}],"collection":[{"href":"https:\/\/docs.audience1st.com\/index.php\/wp-json\/wp\/v2\/knowledgebase"}],"about":[{"href":"https:\/\/docs.audience1st.com\/index.php\/wp-json\/wp\/v2\/types\/knowledgebase"}],"author":[{"embeddable":true,"href":"https:\/\/docs.audience1st.com\/index.php\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/docs.audience1st.com\/index.php\/wp-json\/wp\/v2\/comments?post=294"}],"version-history":[{"count":7,"href":"https:\/\/docs.audience1st.com\/index.php\/wp-json\/wp\/v2\/knowledgebase\/294\/revisions"}],"predecessor-version":[{"id":550,"href":"https:\/\/docs.audience1st.com\/index.php\/wp-json\/wp\/v2\/knowledgebase\/294\/revisions\/550"}],"wp:attachment":[{"href":"https:\/\/docs.audience1st.com\/index.php\/wp-json\/wp\/v2\/media?parent=294"}],"wp:term":[{"taxonomy":"knowledgebase_cat","embeddable":true,"href":"https:\/\/docs.audience1st.com\/index.php\/wp-json\/wp\/v2\/knowledgebase_cat?post=294"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}