<?xml version="1.0" encoding="utf-8" standalone="yes"?><rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom"><channel><title>drift on asdfasdfasdfasdfddd</title><link>https://academy.test.quriobot.com/tags/drift/</link><description>Recent content in drift on asdfasdfasdfasdfddd</description><generator>Hugo -- gohugo.io</generator><language>en-us</language><atom:link href="https://academy.test.quriobot.com/tags/drift/index.xml" rel="self" type="application/rss+xml"/><item><title>Have a free-floating startup button for your bot</title><link>https://academy.test.quriobot.com/design-and-behavior-of-your-bot/have-a-free-floating-startup-button-for-your-bot/</link><pubDate>Mon, 01 Jan 0001 00:00:00 +0000</pubDate><guid>https://academy.test.quriobot.com/design-and-behavior-of-your-bot/have-a-free-floating-startup-button-for-your-bot/</guid><description>Quriobot starts with the widget on the right (or left) side of your screen, but sometimes you want to have something different and free-floating start button.
Live example: https://quriobot.com/qb/qbtests/free-float
To get this start-up experience just add the following CSS code to the Landing page CSS at the bottom of the Bot Settings(requires developer mode)
.quriobotWidgetButton { background: transparent; box-shadow: none; } .quriobotWidgetButton::before { background-image: url(&amp;#39;https://media.quriobot.com/control/img/optimized/23/4cf7c0b69111e8b1f34fd57c43e9e5/blob.png&amp;#39;) !important; width: 70px; height: 70px; border-radius: 100px; left: -30px; } The first part, quriobotWidgetButton, makes sure that the rest of the button is not shown and the chosen image shows as free-floating</description></item></channel></rss>