[{"data":1,"prerenderedAt":54},["ShallowReactive",2],{"blog-\u002Fblog\u002Fmove-messengers-plugin-chat-position-on-wordpress":3},{"id":4,"title":5,"body":6,"date":39,"description":40,"extension":41,"image":42,"meta":43,"navigation":44,"path":45,"seo":46,"stem":47,"tags":48,"__hash__":53},"blog\u002Fblog\u002Fmove-messengers-plugin-chat-position-on-wordpress.md","Move Messenger's plugin chat position on WordPress",{"type":7,"value":8,"toc":35},"minimark",[9,13,18,21,32],[10,11,12],"p",{},"If you installed Messenger's official plugin for WordPress, you will see that after the initial setup it's not customizable... For example, I would like to put some bottom margin so that it doesn't overlap the footer's social icons, but there was no way of doing it through the plugin settings.",[14,15,17],"h2",{"id":16},"css-is-the-solution","CSS is the Solution!",[10,19,20],{},"We open up CSS Customizer in WordPress and we add this lines",[22,23,28],"pre",{"className":24,"code":26,"language":27},[25],"language-text","\u002F* Facebook Chat Bubble *\u002F\n.fb_customer_chat_bubble_pop_in {\n    margin-bottom:42px;\n}\n\n.fb_customer_chat_bounce_in_v2 {\n    margin-bottom:42px;\n}\n","text",[29,30,26],"code",{"__ignoreMap":31},"",[10,33,34],{},"Now both the chat bubble and the inner content will be pushed up a notch ;)",{"title":31,"searchDepth":36,"depth":36,"links":37},2,[38],{"id":16,"depth":36,"text":17},"2020-02-09","If you installed Messenger's official plugin for WordPress, you will see that after the initial setup it's not customizable... For example, I would like to put ","md",null,{},true,"\u002Fblog\u002Fmove-messengers-plugin-chat-position-on-wordpress",{"title":5,"description":40},"blog\u002Fmove-messengers-plugin-chat-position-on-wordpress",[49,50,51,52],"css","facebook","messenger","wordpress","UT68tzwHQQsSfXWbpGK2bEuSEW69LPJYTI5ZuOqtgwY",1785393036807]