Jump to content

jessmall

Circle Member
  • Posts

    3
  • Joined

  • Last visited

jessmall's Achievements

Level 1

Level 1 (1/20)

0

Reputation

  1. Hey thanks, I tried this code, and it works - but isn't a continuous loop. I'm looking for it to have zero breaks or pauses.
  2. I'm testing out some code for a marquee banner. I like the look of the banner and the animation, however, it's not a continuous loop. See attached image. What I would like for it to do it just be continuous with no breaks. What have I missed? Here's my code: code block: <div class="marquee"> <div class="track"> <h3> NOW BOOKING&nbsp; &nbsp; &nbsp; &nbsp;·&nbsp; &nbsp; &nbsp; &nbsp; NOW BOOKING&nbsp; &nbsp; &nbsp; &nbsp;·&nbsp; &nbsp; &nbsp; NOW BOOKING&nbsp; &nbsp; &nbsp; ·&nbsp; &nbsp; &nbsp; &nbsp; NOW BOOKING&nbsp; &nbsp; &nbsp; &nbsp;·&nbsp; &nbsp; &nbsp; &nbsp; NOW BOOKING&nbsp; &nbsp; &nbsp; &nbsp;·&nbsp; &nbsp; &nbsp; &nbsp; NOW BOOKING&nbsp; &nbsp; &nbsp; &nbsp;·&nbsp;NOW BOOKING&nbsp; &nbsp; &nbsp; &nbsp;·&nbsp; &nbsp; &nbsp; &nbsp; NOW BOOKING&nbsp; &nbsp; &nbsp; &nbsp;·</h3> </div> </div> css block .marquee { position: absolute; display: flex; animation: moveLeft 40s linear infinite; } .track { font-size: 36px; min-width: 100%; text-align: center; padding:20px; line-height: .9em; color: #191c19; font-family: 'casanova'; border-width:1px; background-color: #b1c2f6; border-style:solid; border-radius:inherit; white-space: nowrap; min-width: 100%; text-align: center; } section[id="621b04d4ad51f07b6c2a5f3e"] { overflow-x: hidden !important; overflow-y:hidden; min-height:initial !important;.Index-page-content { padding-top:30px; padding-bottom:30px; } }@keyframes moveLeft { from { transform: translateX(0%) } to { transform: translateX(-100%) } }
  3. Hey Everyone, I'm designing a site with a coverpage for a hair + cosmetic tattoo studio. The coverage page appears at the homepage give users the option to 'Enter Hair' or 'Enter Beauty'. The logo redirects back to this page currently, but I would like to redirect to a different page on the website, instead of the user having to go back to the coverpage more than once in a visit. Could someone please help me with the code? I have been looking but cannot seem to find anything up to date that is working. Thank you!! Jessica
×
×
  • 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.