CSS for whole site:
// CUSTOM FONTS
/* Parent Font */
@font-face {
font-family: 'Founders-Light';
src: url('https://static1.squarespace.com/static/6684464c9ebb2e6b05ae61ac/t/669727979308085404c14d9c/1721182103516/founders-grotesk-light.woff2');
}
@font-face {
font-family: 'Founders-LightItalic';
src: url('https://static1.squarespace.com/static/6684464c9ebb2e6b05ae61ac/t/66972797a1c76223d3f56d5a/1721182103443/founders-grotesk-light-italic.woff2');
}
@font-face {
font-family: 'Founders-Regular';
src: url('https://static1.squarespace.com/static/6684464c9ebb2e6b05ae61ac/t/66972842d9da5f401098d5ce/1721182274859/founders-grotesk-regular.woff2');
}
@font-face {
font-family: 'Founders-RegularItalic';
src: url('https://static1.squarespace.com/static/6684464c9ebb2e6b05ae61ac/t/6697284c4a6f0473dbeff04a/1721182284972/founders-grotesk-regular-italic.woff2');
}
@font-face {
font-family: 'Founders-Medium';
src: url('https://static1.squarespace.com/static/6684464c9ebb2e6b05ae61ac/t/6697279766788a6a7fac7886/1721182103514/founders-grotesk-medium.woff2');
}
@font-face {
font-family: 'Founders-MediumItalic';
src: url('https://static1.squarespace.com/static/6684464c9ebb2e6b05ae61ac/t/669727974daff810f4b67689/1721182103440/founders-grotesk-medium-italic.woff2');
}
@font-face {
font-family: 'Founders-SemiBold';
src: url('https://static1.squarespace.com/static/6684464c9ebb2e6b05ae61ac/t/66972883924c6556f396d0b1/1721182339201/founders-grotesk-semibold.woff2');
}
@font-face {
font-family: 'Founders-SemiBoldItalic';
src: url('https://static1.squarespace.com/static/6684464c9ebb2e6b05ae61ac/t/66972886c5e84967abd9f699/1721182342113/founders-grotesk-semibold-italic.woff2');
}
@font-face {
font-family: 'Founders-Bold';
src: url('https://static1.squarespace.com/static/6684464c9ebb2e6b05ae61ac/t/66972797380858018d8679bf/1721182103440/founders-grotesk-bold.woff2');
}
@font-face {
font-family: 'Founders-BoldItalic';
src: url('https://static1.squarespace.com/static/6684464c9ebb2e6b05ae61ac/t/66972797d3d71e3ed87dd8d5/1721182103439/founders-grotesk-bold-italic.woff2');
}
p, a{
font-family: 'Founders-Regular';
}
section[data-section-id="66ce6e43644a867a9e937a9c"]{
a{
color: #746B4E!important
}
a:hover{
color: #212626!important;
transition: 0.2s !important;
}
}
section[data-section-id="66959d848703517156af0933"]{
a:hover{
color: #212626!important;
transition: 0.2s !important;
}
}
.sqs-block-button-element {
font-family: 'Founders-Regular' !important;
}
.summary-title{
font-family: 'Founders-Regular' !important;
}
.summary-excerpt p{
font-size: 1rem!important;
}
.header-nav-item {
font-family: 'Founders-Regular' !important;
}
.header-actions-action--cta .sqs-button-element--primary {
font-family: 'Founders-Regular'! important;
font-size: 1.1rem!important;
}
strong{
font-family: 'Founders-SemiBold'!important;
}
.sqs-block-summary-v2 .summary-read-more-link {
font-size: 0;
}
.sqs-block-summary-v2 .summary-read-more-link:before {
content: "Read Bio ⟶";
font-size: 0.9rem;
}
section[data-section-id="66969c77a1fcd9704d4a2ff4"], section[data-section-id="6696aa5718249a4faefcc80c"]{
.sqs-block-summary-v2 .summary-thumbnail-container img{
border-radius: 500px!important;
}
}
body:not(.sqs-edit-mode-active) {
@media screen and (min-width:768px) {
section[data-section-id="6696b0b8ae91396806574730"]{
width: 50% !important;
float: left !important;
padding: 0px !important;
}
}
}
.bright-inverse, .dark, .dark-bold, .black, .black-bold{
.header-title-logo img {
filter: invert(1);
}
}
.item-pagination--prev-next{
display:none!important;
}
//Mobile Syling
@media screen and (max-width:767px) {
#block-yui_3_17_2_1_1721149681471_18112{
display: none!important;
visibility: hidden!important;
}
// Team
.custom-filter-container.use-mobile-panel.custom-filter-uid-0.cf-mobile-panel-align-center .customFiltersWrapper:not(.cf-top-section-filters){
margin-left: 0vw!important;
margin-right: 0vw!important;
}
}
@media screen and (min-width:768px) {
//hide mobile summary block on homepage
#block-yui_3_17_2_1_1724945696344_65196{
display: none!important;
visibility: hidden!important;
}
.header-nav-folder-item:first-child {
display: none;
}
}
HTML for Team Filtering
<link rel="stylesheet" href="//assets.squarewebsites.org/custom-filter/custom-filter.min.css"/>
<script>
window.customFilterSettings = {
'targets': [{
container: '#block-yui_3_17_2_1_1721141608066_27739',
items: '.summary-item',
settings: {
position: 'top',
initState:{sort:['Alphabetical|asc']},
align: 'center',
showItemsCount: false,
keepDropdownsOpenOnInit: false,
closeOnSelect: true,
customClasses: 'lite-dropdowns',
view: 'dropdowns',
simpleFilter: {
show: {
effect: 'fade',
transitionDuration: 300,
stagger: 60
},
hide: {
effect: 'fade',
transitionDuration: 100,
stagger: 18
}
},
pagination: {
enabled: true, // enable pagination
pageSize: 50, // set the page size to 30
},
/*----Mobile Panel Section----*/
mobilePanel: {// control if you want to have separate offscreen panel with filters on small screens
enabled: true,// if set to false, no filter buttons on mobiles will be showed
triggerButtonName: 'Filter', // trigger button text
align: 'center',
keepDropdownsOpen: null, // if false it overrides desktop settings, if true - dropdowns opened
closeOnSelect: false, // mobile panel closed just after user selected something
closeOnSearch: false, // mobile panel closed if user searced something in searc field
closeOnOutsideClick: false // if true, mobile panel will be closed if user clicks outside it
},
/*----Filters Section----*/
filter: { // here you define all filters you need and name them
enabled: true,
category: false, // disabling default Category dropdown
tag: false, // disabling default Tag dropdown
items: [{
name: 'By Service', // give the dropdown (fiter entity) name you want
allowedOptions: "Individual, Premarital, Couples, Family, Children, Parenting, Adolescent",
multiple: false, // if true, allow to select multiple options
getAttr: 'categories'// here you say Filter to look for options in items categories
}, {
name: 'By Issue',
allowedOptions: "Eating Disorder, Addiction, Life Transitions, EMDR, Trauma, Performance/Athletics, Spirituality, ADHD, Anxiety, Bipolar, Depression, Anger",
multiple: false,
getAttr: 'categories'// here you say Filter to look for options in items categories
}, {
name: 'Tags',// give the dropdown (fiter entity) name you want
multiple: false,//if true, allow to select multiple options
getAttr: 'tags'// here you say Filter to look for options in items tags
}]
},
sort: {// define the sorters
enabled: true,// if false - no sorters visible/working
//defined: 'date_desc',// select which of defined sorters will work initially
items: [{
name: 'Alphabetical',
order: 'asc|desc',
orderTexts: 'A-Z|Z-A',
hideName: true,
sort: '.summary-title-link'
}]
},
search: {
enabled: false,// if false, no Search input will be showed
text: 'Search', //set the placeholder to your search field, otherwise Search will be used
}
}
}]
};
</script>
<script src="//assets.squarewebsites.org/custom-filter/custom-filter.min.js"></script>
<style>
.custom-filter-container.custom-filter-view-dropdowns.lite-dropdowns .customFiltersWrapper .archive-block-wrapper .archive-group-name-link{
color: #000!important;
}
.custom-filter-container.custom-filter-view-dropdowns.lite-dropdowns .customFiltersWrapper .archive-block-wrapper .archive-group-list{
background: #fff!important;
}
</style>