Title: Change position problem
Last modified: June 5, 2020

---

# Change position problem

 *  Resolved [niepoddawajsie](https://wordpress.org/support/users/niepoddawajsie/)
 * (@niepoddawajsie)
 * [6 years ago](https://wordpress.org/support/topic/change-position-problem/)
 * Hi, I want to change the position of the chat Icon. I read this topic: [https://wordpress.org/support/topic/change-the-position-4/](https://wordpress.org/support/topic/change-the-position-4/)
   but I have problem.
 * In css I write code:
 *     ```
       /* change position chat-bot */
       .fb_dialog  .fb_dialog_advanced .fb_customer_chat_bubble_animated_no_badge .fb_customer_chat_bubble_pop_in {
       	background: rgba(0, 0, 0, 0) none repeat scroll 0% 0%;
       	border-radius: 50%;
       	bottom: 78pt;
       	display: inline;
       	height: 45pt;
       	padding: 0px;
       	position: fixed;
       	right: 8pt;
       	top: auto;
       	width: 45pt;
       	z-index: 999999;
       }
       ```
   
 * but nothing has changed on the site: [https://www.easypaste.org/file/yiu7mE4L/zmana.css23.jpg?lang=pl](https://www.easypaste.org/file/yiu7mE4L/zmana.css23.jpg?lang=pl)
 * What I do wrong?

Viewing 3 replies - 1 through 3 (of 3 total)

 *  Plugin Support [ingasupranovich](https://wordpress.org/support/users/ingasupranovich/)
 * (@ingasupranovich)
 * [6 years ago](https://wordpress.org/support/topic/change-position-problem/#post-12942756)
 * Hi, [@niepoddawajsie](https://wordpress.org/support/users/niepoddawajsie/)
    It
   is not recommended to change the position of the chat widget though you can do
   it with this css: Move widget up:
 *     ```
       .fb_dialog.fb_dialog_advanced { 
         margin-bottom: 75px; 
       } 
   
       iframe.fb_customer_chat_bounce_in_v2 { 
          margin-bottom: 75px; 
       } 
   
       iframe.fb_customer_chat_bounce_out_v2 { 
          margin-bottom: 75px; 
       } 
       ```
   
 * Move widget to the left:
 *     ```
       .fb_dialog.fb_dialog_advanced {  
       position: relative; 
       left: 30px; 
       }  
   
       .fb_iframe_widget iframe{ 
       position: relative; 
       left: 50px; 
       }  
   
       @media (max-width: 900px) {  
       .fb_dialog {  
       position: relative; 
       left: 30px; !important;  
       }  
       .fb_iframe_widget iframe{ 
       position: relative; 
       left: 50px; 
       margin-bottom: 75px; 
       }
       }
       ```
   
    -  This reply was modified 6 years ago by [ingasupranovich](https://wordpress.org/support/users/ingasupranovich/).
 *  [jdmacdiarmid](https://wordpress.org/support/users/jdmacdiarmid/)
 * (@jdmacdiarmid)
 * [5 years, 7 months ago](https://wordpress.org/support/topic/change-position-problem/#post-13554387)
 * I need to move the wp-chatbot to the left side of the screen. This didn’t work
   for me. Why can’t we have an option in the chatbot widget settings in WordPress?
   Oh, wait! There are no settings! Maybe that’s part of the problem. lol Who makes
   a plugin without the option to change the location?
 *  Plugin Support [ingasupranovich](https://wordpress.org/support/users/ingasupranovich/)
 * (@ingasupranovich)
 * [5 years, 7 months ago](https://wordpress.org/support/topic/change-position-problem/#post-13556619)
 * Hi, [@jdmacdiarmid](https://wordpress.org/support/users/jdmacdiarmid/)
    Facebook
   does not provide an option and highly suggest not changing the default position.
   FB docs: [https://monosnap.com/file/G8BnZk8sdkymJ1afbVaGnbrFG5kVNM](https://monosnap.com/file/G8BnZk8sdkymJ1afbVaGnbrFG5kVNM)
 * The won’t be an option in the WP-Chatbot to change the position until FB changes
   its recommendations.
    It is possible to move the chat widget to the left with
   CSS, though it is not recommended as issues may occur. The plugin has lots of
   moving parts and some of them may be rendered incorrectly especially if FB makes
   some changes.
 * You can use this to move to the left
 *     ```
       iframe[data-testid="bubble_iframe"] {
         left: 12px; 
         right: auto;
         }
   
       iframe[data-testid="dialog_iframe"]{
         left: 4px;
         right: auto;
       }
       ```
   
    -  This reply was modified 5 years, 7 months ago by [ingasupranovich](https://wordpress.org/support/users/ingasupranovich/).

Viewing 3 replies - 1 through 3 (of 3 total)

The topic ‘Change position problem’ is closed to new replies.

 * ![](https://s.w.org/plugins/geopattern-icon/wp-chatbot_8774f8.svg)
 * [WP-Chatbot for Messenger](https://wordpress.org/plugins/wp-chatbot/)
 * [Support Threads](https://wordpress.org/support/plugin/wp-chatbot/)
 * [Active Topics](https://wordpress.org/support/plugin/wp-chatbot/active/)
 * [Unresolved Topics](https://wordpress.org/support/plugin/wp-chatbot/unresolved/)
 * [Reviews](https://wordpress.org/support/plugin/wp-chatbot/reviews/)

 * 3 replies
 * 3 participants
 * Last reply from: [ingasupranovich](https://wordpress.org/support/users/ingasupranovich/)
 * Last activity: [5 years, 7 months ago](https://wordpress.org/support/topic/change-position-problem/#post-13556619)
 * Status: resolved