VAPI- Call Button in Centre of Screen
# support
m
How can I get this push to talk button on my website. Tried different thing but it's not working out. Im getting the option for bottom side pills, noit cnetre. I need a centre aligned Push To Talk Button. https://cdn.discordapp.com/attachments/1361921180394852504/1361921180658831491/image.png?ex=68008370&is=67ff31f0&hm=55e7b806750d111ab5dd754167cf2f94311f07956c26f7f83841edcc09f51f92&
p
Iframe?
h
Write the css Ifno experience with css - chatgpt will do the job
k
To align the Push To Talk button at the center of your screen, you’ll need to adjust the
position
in the
buttonConfig
object in your script. Unfortunately, there's no built-in center positioning option. However, you can manually center it using CSS. Here's an example of how you could modify your CSS:
Copy code
css
.vapi-btn {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
Make sure the CSS is correctly linked to your button. If you need more customization, consult the Vapi documentation or let us know for further assistance.