How can I hide or add custom styles to the floating button?

To hide the floating button from displaying on a specific webpage, add the following HTML code to that webpage:

<style>
   .grsf-global .grsf-widget .grsf-widget-inner { display: none }
</style>
	

To add custom styling to the floating button, add the following HTML code to the webpage(s) that you are displaying the floating button:

<style>
   .grsf-global .grsf-widget .grsf-widget-inner {
      /* add your custom styles here */
      border-radius: 1px;
      text-transform: uppercase;
   }
</style>
	

To modify the placement of the floating button on mobile, add the following HTML code to the webpage(s) that you are displaying the floating button:

<style>
   @media screen and (max-width: 600px) {
      /* When the screen size is 600px or less */
      .grsf-global .grsf-widget .grsf-widget-inner {
         /* add your custom styles here */
         margin-top: 10px;
      }
   }
</style>
		
Did this answer your question? Thanks for the feedback There was a problem submitting your feedback. Please try again later.