Code Snippets

Over time we’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’re looking for a snippet that’s not on these page feel free to fill in the form in the bottom and we’ll do our best to provide you with one.

CSS

You can add these CSS snippets via WordPress’ Customizer. Click on Appearance -> Customize and then click the Additional CSS tab.

Customise the amount of people showing per row to 3.

.sym-list.person .list-inner span.sym {
    width: 30%;
    max-width: 30%;
}

Customise the amount of organisations showing per row to 3.

.sym-list.organisation .list-inner span.sym {
    width: 30%;
    max-width: 30%;
}

Change the background color of the day titles / schedule heading. You can enter a HEX value.

table.sympose-schedule tr.title-column th {
    background-color: #233061;
}

Hide the read more link in the program/schedule.

.sympose-read-more {
	display: none;
}

Hide the times on the schedule

.sympose-schedule td.time {
    display: none;
}

Request a code snippet

Missing a code snippet? Fill in the form below and we’ll do our best to provide you with one!