Jump to content

Alexis-Reid-Design

Circle Member
  • Posts

    11
  • Joined

  • Last visited

Recent Profile Visitors

The recent visitors block is disabled and is not being shown to other users.

Alexis-Reid-Design's Achievements

Level 2

Level 2 (2/20)

0

Reputation

  1. Password: Sarlo2023 I would like the first link in the nav folder to be visible in mobile, but hidden on desktop (because on Desktop the folder name is already clickable; in mobile it only opens the submenu). Can someone help?
  2. I have a video that will be further down a page, and I don't want it to start playing until the user gets to that area. I'm using this plugin: https://www.squarewebsites.org/squarespace-plugins/background-videos-utils), which solves the problem via a background video uploaded from Vimeo or Youtube, but I can't figure out how to get the video to only play once. Does anyone know how to make this possible? (I haven't started building the page yet, so there is nothing to link to here yet.)
  3. @tuanphanCan you help me with this on this page? https://www.drdjdrosman.com/about (password is drdjdrosman) I tried the header code injection above but it's not working for me. Wanting the nav links here to be white
  4. Hi can you help? I am having the same problem. I want all of these news posts to link to external links—the titles do, but the images will only link internally. I tried inserting the CSS below, but it hasn't worked. Here is the page: https://www.lspff.org/news .summary-item a { pointer-events: none !important; }
  5. Thank you @tuanphan and @creedon! I think we were all using code from Squarepaste, and they have since resolved the issue!
  6. No, on the live site it's not working. When you go to lspff.org/about, does it show up for you on Chrome? This is what it looks like for me and others on my team—attached.
  7. Do you think you could take a look at my timeline issue?
  8. Site URL: https://lspff.org/about-2 This custom code for a timeline was working last week, but has stopped working on Chrome, but still works in all other browsers, including Incognito mode in Chrome? You use quote blocks to add each timeline piece. <script src="https://drive.google.com/uc?export=view&id=1iBS8Jg9Ty5bjY_5QllDLxcNH0EkcrJto"></script> <script src="https://drive.google.com/uc?export=view&id=1TRYODB131CM86wLA5rYNgCwB8xEjM-Va"></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:inherit;font-size: inherit;} /* Header */ .quote-block h1 {color:inherit;font-size: inherit;margin: 10px 0 0;} /* Image */ .quote-block img {max-width: 100%;margin: 15px 0;} /* Date */ .quote-block.sqs-block-quote figcaption {font-size: 11px;font-weight: 500;} /* Link */ .quote-block a {color: inherit;font-size: inherit;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);} /* Link Hover */ .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) .col .timeline-event:nth-child(even) .quote-block blockquote, body:not(.sqs-edit-mode-active) .col .timeline-event:nth-child(even) .quote-block figcaption {text-align: left;} body:not(.sqs-edit-mode-active) .col .timeline-event:nth-child(odd) .quote-block blockquote, body:not(.sqs-edit-mode-active) .col .timeline-event:nth-child(odd) .quote-block figcaption {text-align: right;} body:not(.sqs-edit-mode-active) .quote-block figcaption {padding: 0;margin: 0 0 10px 0;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) .col .timeline-event:first-child .quote-block::after {top: 0;} body:not(.sqs-edit-mode-active) .col .timeline-event:last-child .quote-block::after {bottom: 0;top: unset;} body:not(.sqs-edit-mode-active) .col .timeline-event .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) .col .timeline-event:nth-child(even) .quote-block .sqs-block-content {left: 45px;} body:not(.sqs-edit-mode-active) .col .timeline-event:nth-child(odd) .quote-block div {left: -445px;} 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) .col .timeline-event:nth-child(even) .quote-block .sqs-block-content {transform: translate3d(200px,0,0);} body:not(.sqs-edit-mode-active) .col .timeline-event:nth-child(odd) .quote-block .sqs-block-content {transform: translate3d(-200px,0,0);} body:not(.sqs-edit-mode-active) .col .timeline-event .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) .col .timeline-event .quote-block .sqs-block-content {width: 250px;} body:not(.sqs-edit-mode-active) .col .timeline-event:nth-child(odd) .quote-block .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) .col .timeline-event:nth-child(odd) .quote-block .sqs-block-content {left: 45px;} body:not(.sqs-edit-mode-active) .col .timeline-event:nth-child(odd) .quote-block blockquote, body:not(.sqs-edit-mode-active) .col .timeline-event:nth-child(odd) .quote-block figcaption {text-align: left;} body:not(.sqs-edit-mode-active) .quote-block::after {top: 0;} } </style>
×
×
  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.