Site Manual
Create a Calendar Event
TBD
Custom CSS formatting
The site uses custom CSS code to tweak Squarespace’s formatting for the Bedford template.
This code is located in the admin panel in Website > Pages > Website Tools >Custom CSS
As of August 23, 2023, the CSS code is below.
NOTE: Bug Fixes are at the very end of the file.
/* rogercadams 2023-08-23.css */
/* ************************ */
/* SITE-WIDE */
/* ************************ */
/* Set width of main content */
body {
max-width: 1200px;
margin: auto;
}
/* Set background color behind main content */
html {
background-color: #000; /* #efe4cf; */
}
/* Adjust space at top of every page */
#page { padding: 72px 32px !important; }
/* ************************ */
/* NAVIGATION */
/* ************************ */
/* Hide HOME menu on wide screens */
/* nav#mainNavigation>.collection.active.homepage {
visibility: hidden;
}
*/
/* ************************ */
/* FOOTER */
/* ************************ */
/*
#footer {
color: #fff;
background-color:#000;
}
*/
/* ************************ */
/* BUTTONS */
/* ************************ */
/* Rounded corners for buttons */
.small-button-shape-pill .sqs-block-button .sqs-block-button-element--small,
.medium-button-shape-pill .sqs-block-button .sqs-block-button-element--medium,
.large-button-shape-pill .sqs-block-button .sqs-block-button-element--large {
border-radius: 10px;
}
/* ************************ */
/* CALENDAR */
/* ************************ */
/* Days with events */
.yui3-squarespacecalendar .compact-layout .yui3-calendar-day.has-event,
.yui3-squarespacecalendar .compact-layout .yui3-calendar-prevmonth-day.has-event,
.yui3-squarespacecalendar .compact-layout .yui3-calendar-nextmonth-day.has-event {
background: #a32f0f;
color: #fff;
}
/* Small layout events */
.yui3-squarespacecalendar .small-layout .item-link {
line-height: 1.1;
}
/* Previous and next month buttons */
.yui3-squarespacecalendar .yui3-calendarnav-nextmonth::before,
.yui3-squarespacecalendar .yui3-calendarnav-prevmonth::before {
font-size: 18px;
width: 36px;
height: 36px;
line-height: 36px;
font-weight: bold;
background-color: #a32f0f;
color: #fff !important;
}
/* CALENDAR ITEMS */
.sqs-block-summary-v2 .summary-title a,
a.eventitem-meta-export-google, a.eventitem-meta-export-ical,
a.eventitem-pager-link,
a.eventitem-meta-address-maplink,
.yui3-squarespacecalendar .item-link,
yui3-squarespacecalendar .flyoutitem a
{
color: #a32f0f !important;
font-weight: 600 !important;
}
/* Flyout items on Calendar */
/* Title with link */
.yui3-squarespacecalendar .flyoutitem a {
color: #a32f0f !important;
font-weight: bolder;
}
/* Other items */
.yui3-squarespacecalendar .flyoutitem .flyoutitem-datetime,
.yui3-squarespacecalendar .flyoutitem * {
font-size: 1rem !important;
line-height: 1.2 !important;
}
/* ************************ */
/* CALENDAR EVENTS */
/* ************************ */
/* Event detail - time and date */
article time {
font-weight: bold;
font-family: sans-serif;
font-size: 1em;
}
/* ************************ */
/* FORMS */
/* ************************ */
/* Submit button */
body:not(.button-style-default).button-corner-style-square .sqs-editable-button,
body:not(.button-style-default).button-corner-style-square .sqs-editable-button-shape {
border-radius: 10px;
font-weight: bold;
font-family: sans-serif;
letter-spacing: 3px;
background-color: #014c56;
}
/* Captions */
.form-wrapper .field-list .field .caption {
font-size: 18px;
}
/* Text boxes */
.form-wrapper .field-list .field .field-element {
font-family: proxima-nova, sans-serif;
font-size: 1em;
line-height: 1.2;
}
/* Select item */
.form-wrapper .field-list .field select {
font-family: proxima-nova, sans-serif;
font-size: 1em;
line-height: 1.2;
}
/* ************************ */
/* GALLERIES */
/* ************************ */
/* Gallery image titles */
.sqs-gallery-block-grid.sqs-gallery-block-meta-only-title .margin-wrapper .image-slide-title {
font-size: 0.75em;
overflow: visible;
font-family: sans-serif;
}
@media only screen and (max-width: 640px) {
.sqs-gallery-block-grid.sqs-gallery-block-meta-only-title .margin-wrapper .image-slide-title {
font-size: 0.9rem;
}
}
/* Gallery title text */
.sqs-block-summary-v2 .summary-title a,
.sqs-block-summary-v2 .summary-heading a,
.sqs-block-summary-v2 .summary-title a:link,
.sqs-block-summary-v2 .summary-heading a:link,
.sqs-block-summary-v2 .summary-title a:visited,
.sqs-block-summary-v2 .summary-heading a:visited {
color: #000;
text-transform: none;
font-weight: 600;
font-size: 1.2em;
}
/* Gallery excerpt text */
.sqs-block-summary-v2 .summary-excerpt p,
.sqs-block-summary-v2 .summary-excerpt ul,
.sqs-block-summary-v2 .summary-excerpt li {
font-size: 1.2rem;
}
/* Only show a few excerpt words on mobile devices */
/*
@media only screen and (max-width: 640px) {
.sqs-block-summary-v2 .summary-excerpt {
max-height:12em;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
}
*/
/* Hide Pre-Footer */
#preFooter {
color: #000;
display: none !important;
}
/* Format title below photo (such as on the Members page */
.sqs-gallery-block-grid.sqs-gallery-block-meta-only-title .margin-wrapper .image-slide-title {
font-size: .75em;
overflow: visible;
font-family: sans-serif;
font-weight: bolder;
}
/* ************************ */
/* BUG FIXES */
/* ************************ */
/* Center Back To Top button in footer on mobile screen */
.back-to-top-nav {
text-align: center;
}