Jump to content
Search In
  • More options...
Find results that contain...
Find results in...
Advanced Search
  • 0
LoveMoves

Adding a floating contact-button on the Brine?

Question

Hello I'd like to add a floating button on the right side of my page. Is there a quick fix for this? Thank you all a lot.My website is lovemoves.de

Edited by LoveMoves
Initial Revision

Share this post


Link to post

5 answers to this question

Recommended Posts

  • 0

@LoveMoves Here is HTML (Add to Footer)


<div class="kl-float">
   <a href="https://www.tsiapparel.com/uniform-enquiry">
   <h9 style="color:white">REQUEST QUOTATION</h9>
   </a>
</div>

and CSS (Add to Home > Design > Custom CSS)


.kl-float {
   position: fixed;
   opacity: .9;
   top: calc(30%);
   right: 0;
   z-index: 20000;
   background-color: #f9674d;
   white-space: nowrap;
   text-align: center !important;
   border-radius: 0px;
   height: 28px;
   font-family: montserrat;
   font-weight: bold;
   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;
}

If it doesn't work, keep the code and post site url, i'll check.


You can send your question to my email to get faster answer.

How to Setup Password & Share URL - Free Templates - Free Code - CSS ID List

Share this post


Link to post
  • 0

Hello! I'm attempting this same floating button. I used your suggestion above and it looks great, but it doesn't let me click on it. Any advice much appreciated if you happen to see this. Thanks so much!

Share this post


Link to post

Create an account or sign in to comment

You need to be a member in order to leave a comment


×
×
  • Create New...