helensofia Posted April 8, 2021 Posted April 8, 2021 Site URL: https://www.ourchildrenstrust.org/washington There are timelines throughout our site and all of them have stopped working suddenly. Not sure how to fix it. Any help is much appreciated!! <script src="https://drive.google.com/uc?export=view&id=1iBS8Jg9Ty5bjY_5QllDLxcNH0EkcrJto"></script> <script src="https://drive.google.com/uc?export=view&id=16CfKfDXxUGRaUKzX6k7bD9fIwaOgm-oT"></script> <style type="text/css"> .sqs-block-quote blockquote {overflow:hidden;} .sqs-block-quote blockquote span, .quote-block figcaption::first-letter, .quote-block .source::first-letter {display: none !important;} .quote-block {color: #000000;font-size: 14px;} .quote-block h1 {color: #000000;font-size: 26px;margin: 10px 0 0;} .quote-block img {max-width: 100%;margin: 15px 0;} .quote-block.sqs-block-quote figcaption {color: #000000;font-size: 11px;font-weight: 500;} .quote-block a {color: #000000;font-size: 14px;text-decoration: none;padding-bottom: 1px;background-image: -webkit-gradient(linear,left top,left bottom,from(#1c1c1c),to(#1c1c1c));background-image: -o-linear-gradient(#1c1c1c 0%,#1c1c1c 100%);background-image: linear-gradient(#1c1c1c 0%,#1c1c1c 100%);background-repeat: no-repeat;background-size: 100% 1px;background-position: 0 bottom;-webkit-transition: opacity 700ms cubic-bezier(.694,0,.335,1),background-position 100ms cubic-bezier(.694,0,.335,1);-o-transition: opacity 700ms cubic-bezier(.694,0,.335,1),background-position 100ms cubic-bezier(.694,0,.335,1);transition: opacity 700ms cubic-bezier(.694,0,.335,1),background-position 100ms cubic-bezier(.694,0,.335,1);} .quote-block a:hover {background-position: center bottom 3px;} .sqs-block-quote figure {display: flex;flex-direction: column;margin: 0 3px;} .sqs-block-quote blockquote {order: 2;margin: 4px;} .sqs-block-quote figcaption {order: 1;} body:not(.sqs-edit-mode-active) .quote-block:nth-child(odd) blockquote, body:not(.sqs-edit-mode-active) .quote-block:nth-child(odd) figcaption {text-align: left;} body:not(.sqs-edit-mode-active) .quote-block:nth-child(even) blockquote, body:not(.sqs-edit-mode-active) .quote-block:nth-child(even) figcaption {text-align: right;} body:not(.sqs-edit-mode-active) .quote-block figcaption {padding: 0;margin: 0 0 10px -5px;line-height: initial !important;} .quote-block figcaption::first-letter {visibility: hidden;font-size: 0;} body:not(.sqs-edit-mode-active) .quote-block.sqs-block {list-style-type: none;position: relative;width: .5px !important;margin: 0 auto;padding: 0 0 50px !important;background: #cccccc;} body:not(.sqs-edit-mode-active) .quote-block::after {content: '';position: absolute;left: 50%;top: 50%;transform: translateX(-50%);width: 10px;height: 10px;border-radius: 50%;background: inherit;} body:not(.sqs-edit-mode-active) .quote-block:first-child::after {top: 0;} body:not(.sqs-edit-mode-active) .quote-block:last-child::after {bottom: 0;top: unset;} body:not(.sqs-edit-mode-active) .quote-block .sqs-block-content {position: relative;bottom: 0px;width: 400px;visibility: hidden;opacity: 0;transition: all .5s ease-in-out;padding: 0;} body:not(.sqs-edit-mode-active) .quote-block:nth-child(odd) .sqs-block-content {left: 45px;} body:not(.sqs-edit-mode-active) .quote-block:nth-child(even) div {left: -480px;} body:not(.sqs-edit-mode-active) .quote-block::after {background: #ffffff;} body:not(.sqs-edit-mode-active) .quote-block.in-view::after {border: 1px solid #cccccc;} body:not(.sqs-edit-mode-active) .quote-block:nth-child(odd) .sqs-block-content {transform: translate3d(200px,0,0);} body:not(.sqs-edit-mode-active) .quote-block:nth-child(even) .sqs-block-content {transform: translate3d(-200px,0,0);} body:not(.sqs-edit-mode-active) .quote-block.in-view .sqs-block-content {transform: none;visibility: visible;opacity: 1;} .quote-block iframe {max-width: 100% !important;} @media screen and (max-width: 992px) { body:not(.sqs-edit-mode-active) .quote-block .sqs-block-content {width: 250px;} body:not(.sqs-edit-mode-active) .quote-block:nth-child(even) .sqs-block-content {left: -289px;} } @media screen and (max-width: 600px) { body:not(.sqs-edit-mode-active) .quote-block .sqs-block-content {transform:none !important;} body:not(.sqs-edit-mode-active) .quote-block {margin-left: 20px !important;} body:not(.sqs-edit-mode-active) .quote-block .sqs-block-content {width: calc(100vw - 91px);} body:not(.sqs-edit-mode-active) .quote-block:nth-child(even) .sqs-block-content {left: 45px;} body:not(.sqs-edit-mode-active) .quote-block:nth-child(even) blockquote, body:not(.sqs-edit-mode-active) .quote-block:nth-child(even) figcaption {text-align: left;} body:not(.sqs-edit-mode-active) .quote-block::after {top: 0;} } /* Paragraph */ .quote-block blockquote {color: #FFFFFF;font-size: 18px;} /* Date */ .quote-block.sqs-block-quote figcaption {color: #FFFFFF;font-size: 14px;} /* Title */ .quote-block h1 {color: #819c99;font-size: 22px;} /* Link */ .quote-block a {color: #09b29d;font-size: 18px;} /* Line Color */ body:not(.sqs-edit-mode-active) .quote-block.sqs-block {background: #FFFFFF;} /* Circle Color */ body:not(.sqs-edit-mode-active) .quote-block.in-view::after {background: #09b29d;border: 1px solid #09b29d;} body:not(.sqs-edit-mode-active) .quote-block.sqs-block {padding: 0 0 5px !important;} body:not(.sqs-edit-mode-active) .quote-block blockquote, body:not(.sqs-edit-mode-active) .quote-block figcaption {text-align: left !important;} </style>
creedon Posted April 9, 2021 Posted April 9, 2021 Looks OK although a little one sided. Can you show us a picture of the timeline not working? Find my contributions useful? Please like, upvote, mark my answer as the best ( solution ), and see my profile. Thanks for your support! I am a Squarespace ( and other technological things ) consultant open for new projects.
Recommended Posts
Archived
This topic is now archived and is closed to further replies.