GooseGuy
-
Posts
12 -
Joined
-
Last visited
Content Type
Forums
Gallery
Blogs
Events
Store
Downloads
Profiles
Posts posted by GooseGuy
-
-
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
Adding a floating contact-button on the Brine?
in Customize with code
Posted
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