Jump to content

GooseGuy

Member
  • Posts

    12
  • Joined

  • Last visited

Posts posted by GooseGuy

  1. 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>

  2. 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>

    Screen Shot 2020-11-09 at 12.32.07 PM.png

    Screen Shot 2020-11-09 at 12.31.57 PM.png

×
×
  • 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.