I need help to change the position of the floating...
# 🤝helpf
few-honey-42243
08/01/2023, 7:37 PMcurrently it overlaps something and changing this doesn't do anything from my experience:
/* Styling for the floating button icon in the chat interface */
.bpw-floating-button i svg path {
fill: #ffffff;
}
/* Styling for the floating button in the chat interface */
.bpw-floating-button {
background: #3e98d6; /* Chat Widget Color */
border-radius: 52px;
bottom: 30% !important;
right: 10%; /* Default position */
}
#1111009377525186570
f
freezing-printer-49373
08/01/2023, 7:39 PM@bright-magazine-792 might be able to help here 🙂
f
few-honey-42243
08/01/2023, 7:40 PMAwesome!
f
freezing-printer-49373
08/01/2023, 7:41 PMi just hope he is not gone for the day 🙂
freezing-printer-49373
08/01/2023, 7:42 PMin the meantime, did you try the styler?
freezing-printer-49373
08/01/2023, 7:42 PMfreezing-printer-49373
08/01/2023, 7:42 PMi'm able to move it vertically with the click of a button
freezing-printer-49373
08/01/2023, 7:43 PMalternatively you can check the generated stylesheet to see how you can mvoe it vertically
f
few-honey-42243
08/01/2023, 7:44 PMI am using the advanced stylesheet to separate mobile from desktop if that makes sense, but thank you so much, JB!
b
bright-magazine-792
08/01/2023, 7:48 PMhey!
how do you like to position your floating button?
f
few-honey-42243
08/01/2023, 7:50 PMHi - I just want to move it up the screen on exclusively mobile devices - I'd say 15-20% up screen - is this something I can easily test and edit?
few-honey-42243
08/01/2023, 7:50 PMThank you, Rohan!
b
bright-magazine-792
08/01/2023, 7:50 PMyeah
bright-magazine-792
08/01/2023, 7:51 PMdo you have the styler URL in hand? so I can make changes to it
f
few-honey-42243
08/01/2023, 7:52 PMis this what you are looking for Rohan? --> https://webchat-styler-css.botpress.app/prod/code/2e19afe1-cfaf-4e24-bc9c-41ab366567d5/v76749/style.css
b
bright-magazine-792
08/01/2023, 7:55 PMyes thanks!
bright-magazine-792
08/01/2023, 7:58 PMokay so modifying position of the floating button is not possible. yet.
bright-magazine-792
08/01/2023, 7:58 PMthe botpress' code forces it to be that way
bright-magazine-792
08/01/2023, 7:59 PMMay I know which platform are you using to serve your website?
f
few-honey-42243
08/01/2023, 7:59 PMwordpress
b
bright-magazine-792
08/01/2023, 8:00 PMinteresting
bright-magazine-792
08/01/2023, 8:00 PMplugin?
f
few-honey-42243
08/01/2023, 8:00 PMI got some peice of code to move it down slightly, but it wouldn't change from there - the problem is I need to move it up...
few-honey-42243
08/01/2023, 8:00 PMjust added the pre-configured code to the header
b
bright-magazine-792
08/01/2023, 8:02 PMcan I have a look at that piece of code?
bright-magazine-792
08/01/2023, 8:04 PMdid your piece of code made the floating button move down?
f
few-honey-42243
08/01/2023, 8:05 PMit was something I added to the stylesheet
b
bright-magazine-792
08/01/2023, 8:05 PMso it worked?
f
few-honey-42243
08/01/2023, 8:06 PMunfortunately, no
b
bright-magazine-792
08/01/2023, 8:06 PMyeah
bright-magazine-792
08/01/2023, 8:07 PMit uses inject.css from botpress
bright-magazine-792
08/01/2023, 8:07 PMwhich is non-manipulatable
bright-magazine-792
08/01/2023, 8:07 PMif that's even a word haha
bright-magazine-792
08/01/2023, 8:08 PMwe're fixing the webchat for a while. can you post this in #1111026806254993459 so it gets the developer's attention and prioritized?
f
few-honey-42243
08/01/2023, 8:10 PMThank you so much, Rohan, I really appreciate your help, my friend!
few-honey-42243
08/01/2023, 8:31 PMcould this possibly do something @bright-magazine-792 : https://botpress.com/docs/cloud/webchat-customization/bot-in-div/
few-honey-42243
08/01/2023, 8:54 PMor is there a way to only use the botpress chatbot on desktop do you know?
b
bright-magazine-792
08/01/2023, 10:11 PMif you're talking about floating button, then it's not possible in any way
f
few-honey-42243
08/02/2023, 1:16 PMok, fair enough, Rohan, thank you!
few-honey-42243
08/02/2023, 1:19 PM@bright-magazine-792 is there a way to only use the botpress chatbot on desktop do you know?
few-honey-42243
08/02/2023, 2:48 PM@freezing-printer-49373 is there a way to only use the botpress chatbot on desktop do you know?
f
freezing-printer-49373
08/02/2023, 2:48 PMim not sure i understand your question?
freezing-printer-49373
08/02/2023, 2:48 PMdo you want to block it on mobile?
f
few-honey-42243
08/02/2023, 2:48 PMyes!
few-honey-42243
08/02/2023, 2:49 PMIs that possible?
few-honey-42243
08/02/2023, 4:03 PM@freezing-printer-49373 ?
a
acoustic-iron-15392
08/08/2023, 6:28 PM@freezing-printer-49373 I'm also having the request to change the lcoation of the button that opens the chatbot! It's currently underneath my cart button, and I prefer my cart button to take the bottom right location. Has there been any changes to allow me to fix this?
acoustic-iron-15392
08/08/2023, 6:29 PMpls @ me when you reply ❤️
acoustic-iron-15392
08/08/2023, 6:33 PM@bright-magazine-792
acoustic-iron-15392
08/08/2023, 6:39 PM@freezing-dawn-29409
f
freezing-dawn-29409
08/08/2023, 6:43 PMyeah we need to just move the floating button
freezing-dawn-29409
08/08/2023, 6:43 PMidrk how though
freezing-dawn-29409
08/10/2023, 4:34 PM@bumpy-butcher-41910
b
bumpy-butcher-41910
08/10/2023, 5:00 PMhey all, as rohan says above the position of button can't be manipulated right now
f
freezing-dawn-29409
08/10/2023, 6:42 PMoh okay, I'll see if voiceflow allows it
b
bright-magazine-792
08/11/2023, 11:36 PMhttps://discord.com/channels/1108396290624213082/1139221950883975198/1139690443282587778
@freezing-dawn-29409 can you checkout this thread?
bright-magazine-792
08/11/2023, 11:36 PMit works with some tweaks!
10 Views