Jump to content

GooseGuy

Member
  • Posts

    12
  • Joined

  • Last visited

Everything posted by GooseGuy

  1. As well as the red block is slightly moved away from right side of screen on cover page but flipping back and forth between pages the most noticeable is the text
  2. changing the style to none worked. The only difference that I notice now is the placement of the word exit. It seems to be slightly off center on cover page and centered perfectly on the rest. redflagspgh.org RedFlags2020
  3. Hey changing the H9 to H6 made the text get smaller and look even less like the button thats on the other pages?
  4. I apologize I am very scatter brained today. Here is the link redflagspgh.org password RedFlags2020
  5. From what you can see with the screenshots does anyone have a suggestion on how to change the look of the button on the cover page to look like the button on the rest of the pages
  6. Hello! What link should i send for you guys to access it. I just set up the password
  7. This is what I put inside the coding for cover page settings <div class="kl-float"> <a href="https://google.com/"> <h9 style="color:white">EXIT</h9> </a> </div> <style> .kl-float { position: fixed; opacity: ; top: calc(30%); right: 0; z-index: 20000; background-color: #eb2529; white-space: nowrap; text-align: center !important; border-radius: 0px; height: 28px; font-family: Futura; font-weight: ; font-size: 12px; padding-top: 10px; padding-right: 20px; padding-bottom: 10px; padding-left: 20px; -moz-transform: rotate(-90deg); -ms-transform: rotate(-90deg); -o-transform: rotate(-90deg); -webkit-transform: rotate(-90deg); transform-origin: bottom right; } </style>
  8. Thanks for the quick response. Currently the site isnt live but here are screenshots of the home page using the code you suggested and the rest of the pages. Some reason the home page exit doesn't look the exact same as the other exit button. Let me know if you have any suggestions on making them look identical Here is the code I used for the exit button on all but cover page CSS .kl-float { position: fixed; opacity: ; top: calc(30%); right: 0; z-index: 20000; background-color: #eb2529; white-space: nowrap; text-align: center !important; border-radius: 0px; height: 28px; font-family: Futura; font-weight:; font-size: 12px; padding-top: 10px; padding-right: 20px; padding-bottom: 10px; padding-left: 20px; -moz-transform: rotate(-90deg); -ms-transform: rotate(-90deg); -o-transform: rotate(-90deg); -webkit-transform: rotate(-90deg); transform-origin: bottom right; } HTML in footer <div class="loader"> </div> <div class="kl-float"> <a href="https://google.com"> <h9 style="color:white">EXIT</h9> </a> </div>
  9. Hey this worked brilliantly. One thing I wish is that it appeared on the cover page of the site as well. Any suggestions?
  10. Any luck finding an answer to this? I am currently designing a non profit website for domestic violence and am having the same issue of finding a solution for a safe exit button
×
×
  • 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.