{"id":5078,"date":"2019-03-28T10:38:47","date_gmt":"2019-03-28T10:38:47","guid":{"rendered":"https:\/\/sympose.net\/?page_id=5078"},"modified":"2020-07-24T11:50:50","modified_gmt":"2020-07-24T11:50:50","slug":"code-snippets","status":"publish","type":"page","link":"https:\/\/sympose.net\/code-snippets\/","title":{"rendered":"Code Snippets"},"content":{"rendered":"\n<p>Over time we&#8217;ve got some requests from people to customise the way Sympose looks on their website. We share the result of those requests on the page below. If you&#8217;re looking for a snippet that&#8217;s not on these page feel free to fill in the form in the bottom and we&#8217;ll do our best to provide you with one.<\/p>\n\n\n\n<h2>CSS<\/h2>\n\n\n\n<p>You can add these CSS snippets via WordPress&#8217; Customizer. Click on Appearance -&gt; Customize and then click the Additional CSS tab.<\/p>\n\n\n\n<hr class=\"wp-block-separator\"\/>\n\n\n\n<h4>Customise the amount of people showing per row to 3.<br><\/h4>\n\n\n\n<pre class=\"wp-block-code\"><code>.sym-list.person .list-inner span.sym {\n    width: 30%;\n    max-width: 30%;\n}<\/code><\/pre>\n\n\n\n<hr class=\"wp-block-separator\"\/>\n\n\n\n<h4>Customise the amount of organisations showing per row to 3.<\/h4>\n\n\n\n<pre class=\"wp-block-code\"><code>.sym-list.organisation .list-inner span.sym {\n    width: 30%;\n    max-width: 30%;\n}<\/code><\/pre>\n\n\n\n<hr class=\"wp-block-separator\"\/>\n\n\n\n<h4>Change the background color of the day titles \/ schedule heading. You can  enter a <a href=\"https:\/\/htmlcolorcodes.com\/\">HEX value<\/a>.<\/h4>\n\n\n\n<pre class=\"wp-block-code\"><code>table.sympose-schedule tr.title-column th {\n    background-color: #233061;\n}<\/code><\/pre>\n\n\n\n<hr class=\"wp-block-separator\"\/>\n\n\n\n<h4>Hide the read more link in the program\/schedule.<\/h4>\n\n\n\n<pre class=\"wp-block-code\"><code>.sympose-read-more {\n\tdisplay: none;\n}<\/code><\/pre>\n\n\n\n<h4>Hide the times on the schedule<\/h4>\n\n\n\n<pre class=\"wp-block-code\"><code>.sympose-schedule td.time {\n    display: none;\n}<\/code><\/pre>\n\n\n\n<hr class=\"wp-block-separator\"\/>\n\n\n\n<h2>Request a code snippet<\/h2>\n\n\n\n<p>Missing a code snippet? Fill in the form below and we&#8217;ll do our best to provide you with one!<\/p>\n\n\n<script type=\"text\/javascript\">var gform;gform||(document.addEventListener(\"gform_main_scripts_loaded\",function(){gform.scriptsLoaded=!0}),window.addEventListener(\"DOMContentLoaded\",function(){gform.domLoaded=!0}),gform={domLoaded:!1,scriptsLoaded:!1,initializeOnLoaded:function(o){gform.domLoaded&&gform.scriptsLoaded?o():!gform.domLoaded&&gform.scriptsLoaded?window.addEventListener(\"DOMContentLoaded\",o):document.addEventListener(\"gform_main_scripts_loaded\",o)},hooks:{action:{},filter:{}},addAction:function(o,n,r,t){gform.addHook(\"action\",o,n,r,t)},addFilter:function(o,n,r,t){gform.addHook(\"filter\",o,n,r,t)},doAction:function(o){gform.doHook(\"action\",o,arguments)},applyFilters:function(o){return gform.doHook(\"filter\",o,arguments)},removeAction:function(o,n){gform.removeHook(\"action\",o,n)},removeFilter:function(o,n,r){gform.removeHook(\"filter\",o,n,r)},addHook:function(o,n,r,t,i){null==gform.hooks[o][n]&&(gform.hooks[o][n]=[]);var e=gform.hooks[o][n];null==i&&(i=n+\"_\"+e.length),gform.hooks[o][n].push({tag:i,callable:r,priority:t=null==t?10:t})},doHook:function(n,o,r){var t;if(r=Array.prototype.slice.call(r,1),null!=gform.hooks[n][o]&&((o=gform.hooks[n][o]).sort(function(o,n){return o.priority-n.priority}),o.forEach(function(o){\"function\"!=typeof(t=o.callable)&&(t=window[t]),\"action\"==n?t.apply(null,r):r[0]=t.apply(null,r)})),\"filter\"==n)return r[0]},removeHook:function(o,n,t,i){var r;null!=gform.hooks[o][n]&&(r=(r=gform.hooks[o][n]).filter(function(o,n,r){return!!(null!=i&&i!=o.tag||null!=t&&t!=o.priority)}),gform.hooks[o][n]=r)}});<\/script>\n                <div class='gf_browser_safari gform_wrapper gform_legacy_markup_wrapper gform-theme--no-framework' data-form-theme='legacy' data-form-index='0' id='gform_wrapper_1' ><form method='post' enctype='multipart\/form-data'  id='gform_1'  action='\/wp-json\/wp\/v2\/pages\/5078' data-formid='1' novalidate>\n                        <div class='gform-body gform_body'><ul id='gform_fields_1' class='gform_fields top_label form_sublabel_below description_below'><li id=\"field_1_1\" class=\"gfield gfield--type-name gfield_contains_required field_sublabel_below gfield--no-description field_description_below gfield_visibility_visible\"  data-js-reload=\"field_1_1\" ><label class='gfield_label gform-field-label gfield_label_before_complex' >Name<span class=\"gfield_required\"><span class=\"gfield_required gfield_required_asterisk\">*<\/span><\/span><\/label><div class='ginput_complex ginput_container ginput_container--name no_prefix has_first_name no_middle_name has_last_name no_suffix gf_name_has_2 ginput_container_name gform-grid-row' id='input_1_1'>\n                            \n                            <span id='input_1_1_3_container' class='name_first gform-grid-col gform-grid-col--size-auto' >\n                                                    <input type='text' name='input_1.3' id='input_1_1_3' value=''   aria-required='true'     \/>\n                                                    <label for='input_1_1_3' class='gform-field-label gform-field-label--type-sub '>First<\/label>\n                                                <\/span>\n                            \n                            <span id='input_1_1_6_container' class='name_last gform-grid-col gform-grid-col--size-auto' >\n                                                    <input type='text' name='input_1.6' id='input_1_1_6' value=''   aria-required='true'     \/>\n                                                    <label for='input_1_1_6' class='gform-field-label gform-field-label--type-sub '>Last<\/label>\n                                                <\/span>\n                            \n                        <\/div><\/li><li id=\"field_1_2\" class=\"gfield gfield--type-email gf_left_half gfield_contains_required field_sublabel_below gfield--no-description field_description_below gfield_visibility_visible\"  data-js-reload=\"field_1_2\" ><label class='gfield_label gform-field-label' for='input_1_2'>Email<span class=\"gfield_required\"><span class=\"gfield_required gfield_required_asterisk\">*<\/span><\/span><\/label><div class='ginput_container ginput_container_email'>\n                            <input name='input_2' id='input_1_2' type='email' value='' class='medium'    aria-required=\"true\" aria-invalid=\"false\"  \/>\n                        <\/div><\/li><li id=\"field_1_3\" class=\"gfield gfield--type-phone gf_right_half field_sublabel_below gfield--no-description field_description_below gfield_visibility_visible\"  data-js-reload=\"field_1_3\" ><label class='gfield_label gform-field-label' for='input_1_3'>Phone<\/label><div class='ginput_container ginput_container_phone'><input name='input_3' id='input_1_3' type='tel' value='' class='medium'    aria-invalid=\"false\"   \/><\/div><\/li><li id=\"field_1_4\" class=\"gfield gfield--type-textarea field_sublabel_below gfield--no-description field_description_below gfield_visibility_visible\"  data-js-reload=\"field_1_4\" ><label class='gfield_label gform-field-label' for='input_1_4'>Message<\/label><div class='ginput_container ginput_container_textarea'><textarea name='input_4' id='input_1_4' class='textarea medium'      aria-invalid=\"false\"   rows='10' cols='50'><\/textarea><\/div><\/li><li id=\"field_1_5\" class=\"gfield gfield--type-honeypot gform_validation_container field_sublabel_below gfield--has-description field_description_below gfield_visibility_visible\"  data-js-reload=\"field_1_5\" ><label class='gfield_label gform-field-label' for='input_1_5'>Email<\/label><div class='ginput_container'><input name='input_5' id='input_1_5' type='text' value='' autocomplete='new-password'\/><\/div><div class='gfield_description' id='gfield_description_1_5'>This field is for validation purposes and should be left unchanged.<\/div><\/li><\/ul><\/div>\n        <div class='gform_footer top_label'> <input type='submit' id='gform_submit_button_1' class='gform_button button' value='Submit'  onclick='if(window[\"gf_submitting_1\"]){return false;}  if( !jQuery(\"#gform_1\")[0].checkValidity || jQuery(\"#gform_1\")[0].checkValidity()){window[\"gf_submitting_1\"]=true;}  ' onkeypress='if( event.keyCode == 13 ){ if(window[\"gf_submitting_1\"]){return false;} if( !jQuery(\"#gform_1\")[0].checkValidity || jQuery(\"#gform_1\")[0].checkValidity()){window[\"gf_submitting_1\"]=true;}  jQuery(\"#gform_1\").trigger(\"submit\",[true]); }' \/> \n            <input type='hidden' class='gform_hidden' name='is_submit_1' value='1' \/>\n            <input type='hidden' class='gform_hidden' name='gform_submit' value='1' \/>\n            \n            <input type='hidden' class='gform_hidden' name='gform_unique_id' value='' \/>\n            <input type='hidden' class='gform_hidden' name='state_1' value='WyJbXSIsImNiNjM4ZGQwNDQzN2IwMTc3MDUxMmUyMDk1ZTE1OThiIl0=' \/>\n            <input type='hidden' class='gform_hidden' name='gform_target_page_number_1' id='gform_target_page_number_1' value='0' \/>\n            <input type='hidden' class='gform_hidden' name='gform_source_page_number_1' id='gform_source_page_number_1' value='1' \/>\n            <input type='hidden' name='gform_field_values' value='' \/>\n            \n        <\/div>\n                        <p style=\"display: none !important;\"><label>&#916;<textarea name=\"ak_hp_textarea\" cols=\"45\" rows=\"8\" maxlength=\"100\"><\/textarea><\/label><input type=\"hidden\" id=\"ak_js_1\" name=\"ak_js\" value=\"96\"\/><script>document.getElementById( \"ak_js_1\" ).setAttribute( \"value\", ( new Date() ).getTime() );<\/script><\/p><\/form>\n                        <\/div><script type=\"text\/javascript\">\ngform.initializeOnLoaded( function() {gformInitSpinner( 1, 'https:\/\/sympose.net\/wp-content\/plugins\/gravityforms\/images\/spinner.svg', true );jQuery('#gform_ajax_frame_1').on('load',function(){var contents = jQuery(this).contents().find('*').html();var is_postback = contents.indexOf('GF_AJAX_POSTBACK') >= 0;if(!is_postback){return;}var form_content = jQuery(this).contents().find('#gform_wrapper_1');var is_confirmation = jQuery(this).contents().find('#gform_confirmation_wrapper_1').length > 0;var is_redirect = contents.indexOf('gformRedirect(){') >= 0;var is_form = form_content.length > 0 && ! is_redirect && ! is_confirmation;var mt = parseInt(jQuery('html').css('margin-top'), 10) + parseInt(jQuery('body').css('margin-top'), 10) + 100;if(is_form){jQuery('#gform_wrapper_1').html(form_content.html());if(form_content.hasClass('gform_validation_error')){jQuery('#gform_wrapper_1').addClass('gform_validation_error');} else {jQuery('#gform_wrapper_1').removeClass('gform_validation_error');}setTimeout( function() { \/* delay the scroll by 50 milliseconds to fix a bug in chrome *\/  }, 50 );if(window['gformInitDatepicker']) {gformInitDatepicker();}if(window['gformInitPriceFields']) {gformInitPriceFields();}var current_page = jQuery('#gform_source_page_number_1').val();gformInitSpinner( 1, 'https:\/\/sympose.net\/wp-content\/plugins\/gravityforms\/images\/spinner.svg', true );jQuery(document).trigger('gform_page_loaded', [1, current_page]);window['gf_submitting_1'] = false;}else if(!is_redirect){var confirmation_content = jQuery(this).contents().find('.GF_AJAX_POSTBACK').html();if(!confirmation_content){confirmation_content = contents;}setTimeout(function(){jQuery('#gform_wrapper_1').replaceWith(confirmation_content);jQuery(document).trigger('gform_confirmation_loaded', [1]);window['gf_submitting_1'] = false;wp.a11y.speak(jQuery('#gform_confirmation_message_1').text());}, 50);}else{jQuery('#gform_1').append(contents);if(window['gformRedirect']) {gformRedirect();}}jQuery(document).trigger(\"gform_pre_post_render\", [{ formId: \"1\", currentPage: \"current_page\", abort: function() { this.preventDefault(); } }]);                if (event.defaultPrevented) {                return;         }        const gformWrapperDiv = document.getElementById( \"gform_wrapper_1\" );        if ( gformWrapperDiv ) {            const visibilitySpan = document.createElement( \"span\" );            visibilitySpan.id = \"gform_visibility_test_1\";            gformWrapperDiv.insertAdjacentElement( \"afterend\", visibilitySpan );        }        const visibilityTestDiv = document.getElementById( \"gform_visibility_test_1\" );        let postRenderFired = false;                function triggerPostRender() {            if ( postRenderFired ) {                return;            }            postRenderFired = true;            jQuery( document ).trigger( 'gform_post_render', [1, current_page] );            gform.utils.trigger( { event: 'gform\/postRender', native: false, data: { formId: 1, currentPage: current_page } } );            if ( visibilityTestDiv ) {                visibilityTestDiv.parentNode.removeChild( visibilityTestDiv );            }        }        function debounce( func, wait, immediate ) {            var timeout;            return function() {                var context = this, args = arguments;                var later = function() {                    timeout = null;                    if ( !immediate ) func.apply( context, args );                };                var callNow = immediate && !timeout;                clearTimeout( timeout );                timeout = setTimeout( later, wait );                if ( callNow ) func.apply( context, args );            };        }        const debouncedTriggerPostRender = debounce( function() {            triggerPostRender();        }, 200 );        if ( visibilityTestDiv && visibilityTestDiv.offsetParent === null ) {            const observer = new MutationObserver( ( mutations ) => {                mutations.forEach( ( mutation ) => {                    if ( mutation.type === 'attributes' && visibilityTestDiv.offsetParent !== null ) {                        debouncedTriggerPostRender();                        observer.disconnect();                    }                });            });            observer.observe( document.body, {                attributes: true,                childList: false,                subtree: true,                attributeFilter: [ 'style', 'class' ],            });        } else {            triggerPostRender();        }    } );} );\n<\/script>\n","protected":false},"excerpt":{"rendered":"<p>Over time we&#8217;ve got some requests from people to customise the way Sympose looks on their website. We share the result of those requests on the page below. If you&#8217;re looking for a snippet that&#8217;s not on these page feel free to fill in the form in the bottom and we&#8217;ll do our best to [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_genesis_hide_title":false,"_genesis_hide_breadcrumbs":false,"_genesis_hide_singular_image":false,"_genesis_hide_footer_widgets":false,"_genesis_custom_body_class":"","_genesis_custom_post_class":"","_genesis_layout":"","spay_email":""},"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v17.9 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Code Snippets - Sympose<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/sympose.net\/code-snippets\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Code Snippets - Sympose\" \/>\n<meta property=\"og:description\" content=\"Over time we&#8217;ve got some requests from people to customise the way Sympose looks on their website. We share the result of those requests on the page below. If you&#8217;re looking for a snippet that&#8217;s not on these page feel free to fill in the form in the bottom and we&#8217;ll do our best to [&hellip;]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/sympose.net\/code-snippets\/\" \/>\n<meta property=\"og:site_name\" content=\"Sympose\" \/>\n<meta property=\"article:modified_time\" content=\"2020-07-24T11:50:50+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/sympose.net\/wp-content\/uploads\/Sympose.png\" \/>\n\t<meta property=\"og:image:width\" content=\"1200\" \/>\n\t<meta property=\"og:image:height\" content=\"628\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"1 minute\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Organization\",\"@id\":\"https:\/\/sympose.net\/#organization\",\"name\":\"Sympose\",\"url\":\"https:\/\/sympose.net\/\",\"sameAs\":[],\"logo\":{\"@type\":\"ImageObject\",\"@id\":\"https:\/\/sympose.net\/#logo\",\"inLanguage\":\"en-US\",\"url\":\"https:\/\/sympose.net\/wp-content\/uploads\/sympose-logo-500px.png\",\"contentUrl\":\"https:\/\/sympose.net\/wp-content\/uploads\/sympose-logo-500px.png\",\"width\":500,\"height\":500,\"caption\":\"Sympose\"},\"image\":{\"@id\":\"https:\/\/sympose.net\/#logo\"}},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/sympose.net\/#website\",\"url\":\"https:\/\/sympose.net\/\",\"name\":\"Sympose\",\"description\":\"Building solutions for conferences\",\"publisher\":{\"@id\":\"https:\/\/sympose.net\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/sympose.net\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"en-US\"},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/sympose.net\/code-snippets\/#webpage\",\"url\":\"https:\/\/sympose.net\/code-snippets\/\",\"name\":\"Code Snippets - Sympose\",\"isPartOf\":{\"@id\":\"https:\/\/sympose.net\/#website\"},\"datePublished\":\"2019-03-28T10:38:47+00:00\",\"dateModified\":\"2020-07-24T11:50:50+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/sympose.net\/code-snippets\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/sympose.net\/code-snippets\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/sympose.net\/code-snippets\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/sympose.net\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Code Snippets\"}]}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Code Snippets - Sympose","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/sympose.net\/code-snippets\/","og_locale":"en_US","og_type":"article","og_title":"Code Snippets - Sympose","og_description":"Over time we&#8217;ve got some requests from people to customise the way Sympose looks on their website. We share the result of those requests on the page below. If you&#8217;re looking for a snippet that&#8217;s not on these page feel free to fill in the form in the bottom and we&#8217;ll do our best to [&hellip;]","og_url":"https:\/\/sympose.net\/code-snippets\/","og_site_name":"Sympose","article_modified_time":"2020-07-24T11:50:50+00:00","og_image":[{"width":1200,"height":628,"url":"https:\/\/sympose.net\/wp-content\/uploads\/Sympose.png","type":"image\/png"}],"twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"1 minute"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Organization","@id":"https:\/\/sympose.net\/#organization","name":"Sympose","url":"https:\/\/sympose.net\/","sameAs":[],"logo":{"@type":"ImageObject","@id":"https:\/\/sympose.net\/#logo","inLanguage":"en-US","url":"https:\/\/sympose.net\/wp-content\/uploads\/sympose-logo-500px.png","contentUrl":"https:\/\/sympose.net\/wp-content\/uploads\/sympose-logo-500px.png","width":500,"height":500,"caption":"Sympose"},"image":{"@id":"https:\/\/sympose.net\/#logo"}},{"@type":"WebSite","@id":"https:\/\/sympose.net\/#website","url":"https:\/\/sympose.net\/","name":"Sympose","description":"Building solutions for conferences","publisher":{"@id":"https:\/\/sympose.net\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/sympose.net\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"en-US"},{"@type":"WebPage","@id":"https:\/\/sympose.net\/code-snippets\/#webpage","url":"https:\/\/sympose.net\/code-snippets\/","name":"Code Snippets - Sympose","isPartOf":{"@id":"https:\/\/sympose.net\/#website"},"datePublished":"2019-03-28T10:38:47+00:00","dateModified":"2020-07-24T11:50:50+00:00","breadcrumb":{"@id":"https:\/\/sympose.net\/code-snippets\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/sympose.net\/code-snippets\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/sympose.net\/code-snippets\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/sympose.net\/"},{"@type":"ListItem","position":2,"name":"Code Snippets"}]}]}},"_links":{"self":[{"href":"https:\/\/sympose.net\/wp-json\/wp\/v2\/pages\/5078"}],"collection":[{"href":"https:\/\/sympose.net\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/sympose.net\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/sympose.net\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/sympose.net\/wp-json\/wp\/v2\/comments?post=5078"}],"version-history":[{"count":17,"href":"https:\/\/sympose.net\/wp-json\/wp\/v2\/pages\/5078\/revisions"}],"predecessor-version":[{"id":38615,"href":"https:\/\/sympose.net\/wp-json\/wp\/v2\/pages\/5078\/revisions\/38615"}],"wp:attachment":[{"href":"https:\/\/sympose.net\/wp-json\/wp\/v2\/media?parent=5078"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}