window.gladlyHCConfig = { api: 'https://nixplay.us-1.gladly.com', orgId: 'JpyN-sssQ9SDZtnXOyzbrg', brandId: 'VLqwtyQcRjOaciR86FQVKQ', cdn: 'https://cdn.gladly.com', selector: '#gladly-help-center' }; function l() { var t = document, e = t.createElement('script'); (e.type = 'text/javascript'), (e.async = !0), (e.src = 'https://cdn.gladly.com/help-center/hcl.js'); var a = t.getElementsByTagName('script')[0]; a.parentNode.insertBefore(e, a); } var w = window; w.attachEvent ? w.attachEvent('onload', l) : w.addEventListener('DOMContentLoaded', l, !1); #gladly-help-center input { padding: 8px; border: solid 1px black; margin: 10px 0px; } #gladly-help-center a { --tw-text-opacity: 1; color: rgba(9,129,156,var(--tw-text-opacity)); text-decoration: none; font-size:15px; font-weight: 500; } #gladly-help-center a:hover, a:active, a:focus { text-decoration: underline; } #gladly-help-center h2 { font-size: 24px; margin: 12px 0px; } #gladly-help-center h3 { font-size:18px; margin: 12px 0px; } .gladlyHC-faqSection a{ margin-bottom: 8px; } .gladlyHC { max-width: 101vw; } .gladlyHC-searchContainer{ padding: 120px 120px; background: /* top, transparent red, faked with gradient */ linear-gradient( rgba(0, 0, 0, 0.45), rgba(0, 0, 0, 0.45) ), /* bottom, image */ url(https://cdn.shopify.com/s/files/1/0366/8553/files/20210107_Q1_ShopifyUpdates_SupportPage_Desktop_1160x308_2x_79abda9f-1569-4aab-b0ec-a75b14c90e2c.jpg?v=1610087574); background-position: center; background-repeat: no-repeat; background-size: cover; } .gladlyHC-faqSection-list{ max-width:95%; } .gladlyHC-searchContainer::before { content: 'Welcome. How can I help? '; display: block; color: #fff; text-align: center; margin-top: 0!important; font-family: "Avenir Next", sans-serif; font-size: 35px; font-weight: 450; text-shadow: 0px 4px 3px rgba(0,0,0,0.2), 0px 8px 13px rgba(0,0,0,0.1), 0px 18px 23px rgba(0,0,0,0.1); } @media (max-width: 768px) { .gladlyHC-searchContainer { padding: 40px 20px; /* Reduce padding */ background-position: top; /* Change background position */ } .gladlyHC { margin-top: 9px; } .gladlyHC-searchContainer::before { content: ''; display: none; } .gladlyHC-faqSection-list li a { height: 48px; line-height: 48px; } }