GooseGuy

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

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

Hey changing the H9 to H6 made the text get smaller and look even less like the button thats on the other pages?

I apologize I am very scatter brained today. Here is the link redflagspgh.org password RedFlags2020

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

Oh wait! I dont have a domain just yet

Hello! What link should i send for you guys to access it. I just set up the password

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>

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>

Hey this worked brilliantly. One thing I wish is that it appeared on the cover page of the site as well. Any suggestions?

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