Facebook Messenger Filters

https://mbasic.facebook.com/messages/

Unread Message Filter

Facebook have updated the “Unread Thread” 29 Jan 2017 (See image)

https://m.facebook.com/messages/?folder=unread

Spam Filter

https://m.facebook.com/messages/?folder=spam&refid=11

Filtered Messages

https://m.facebook.com/messages/?folder=other

Delete All Messages

Delete All Messages Hack 2017

Other Tips:

Use “Shift & Enter” to add paragraphs

A quick change to the CSS using  would makes the Message Box a little more user friendly. The min-height is currently set to 18px which is quite small. Increasing the min-height to at least 300px would make the messenger a little more user friendly.

Install F.B Purity  and add the following code in the custom CSS box. You can change the height to what ever suits you… ie replace 500 with 200.

Please feel free to comment with any improvements as I cannot get the code to work on Mozilla. The code can also be used in the Stylish Extension as described below for Firefox.

Copy the code below:

Remove sections between /* comments  */ if the sections of code don’t suit you.

You can also change the variables ie 300px … 100% … #1d2129;

[slh lang=”css”]

/* Adjust Typing Box Height */

._kmc {
min-height: 300px;
}

/* Messenger remove Bubbles */

._nd_ ._52mr {
border-bottom-left-radius: 0em;
border-top-left-radius: 0em;
}
._nd_:first-of-type ._3058._52mr:first-of-type, ._nd_:first-of-type ._3058._52mr:first-of-type ._mxz, ._nd_:first-of-type ._3058:first-of-type ._52mr, ._nd_:first-of-type ._3058:first-of-type ._52mr ._mxz {
border-top-right-radius: 0em;
}

._nd_:last-of-type ._3058._52mr:last-of-type, ._nd_:last-of-type ._3058._52mr:last-of-type ._4br2, ._nd_:last-of-type ._3058:last-of-type ._52mr, ._nd_:last-of-type ._3058:last-of-type ._52mr ._4br2 {
border-bottom-right-radius: 0em;
}

._29_7 ._52mr {
border-bottom-right-radius: 0em;
border-top-right-radius: 0em;
}
._29_7:first-of-type ._3058._52mr:first-of-type, ._29_7:first-of-type ._3058._52mr:first-of-type ._mxz, ._29_7:first-of-type ._3058:first-of-type ._52mr, ._29_7:first-of-type ._3058:first-of-type ._52mr ._mxz {
border-top-left-radius: 0em;
}

._29_7:last-of-type ._3058._52mr:last-of-type, ._29_7:last-of-type ._3058._52mr:last-of-type ._4br2, ._29_7:last-of-type ._3058:last-of-type ._52mr, ._29_7:last-of-type ._3058:last-of-type ._52mr ._4br2 {
border-bottom-left-radius: 0em;
}
/*Change Bubble Color*/

/*Get color codes from here: http://www.color-hex.com */

._nd_ ._hh7 {
background-color: #e9ebee;
color: #1d2129;
}

/*Move text margin to the right (Change 50% to what ever suits*/

.__i_ {
margin: 0 10px 0 0;
padding: 0 50% 0 0;

}

/* aligns senders text directly under conversation – credit to RD Hardi*/

._o46._3i_m ._3058 {
clear: left;
float: left;
}

/* Increase width of conversation  – credit to RD Hardi**/
._52mr,
._52mr._s1- {
box-sizing: content-box;
max-width: 100%;}

[/slh]

 

These CSS changes to work on FireFox with the Stylish Addon rather than the F.B Purity addon:

Copy the code below:

Remove sections between /* comments  */ if the sections of code don’t suit you.

You can also change the variables ie 300px … 100% … #1d2129;

[slh lang=”css”]

@namespace url(http://www.w3.org/1999/xhtml);

@-moz-document domain(“facebook.com”) {
/* Adjust Typing Box Height */

._kmc
{ min-height: 400px;
}

/* Messenger remove Bubbles */

._nd_ ._52mr {
border-bottom-left-radius: 0em;
border-top-left-radius: 0em;
}
._nd_:first-of-type ._3058._52mr:first-of-type, ._nd_:first-of-type ._3058._52mr:first-of-type ._mxz, ._nd_:first-of-type ._3058:first-of-type ._52mr, ._nd_:first-of-type ._3058:first-of-type ._52mr ._mxz {
border-top-right-radius: 0em;
}

._nd_:last-of-type ._3058._52mr:last-of-type, ._nd_:last-of-type ._3058._52mr:last-of-type ._4br2, ._nd_:last-of-type ._3058:last-of-type ._52mr, ._nd_:last-of-type ._3058:last-of-type ._52mr ._4br2 {
border-bottom-right-radius: 0em;
}

._29_7 ._52mr {
border-bottom-right-radius: 0em;
border-top-right-radius: 0em;
}
._29_7:first-of-type ._3058._52mr:first-of-type, ._29_7:first-of-type ._3058._52mr:first-of-type ._mxz, ._29_7:first-of-type ._3058:first-of-type ._52mr, ._29_7:first-of-type ._3058:first-of-type ._52mr ._mxz {
border-top-left-radius: 0em;
}

._29_7:last-of-type ._3058._52mr:last-of-type, ._29_7:last-of-type ._3058._52mr:last-of-type ._4br2, ._29_7:last-of-type ._3058:last-of-type ._52mr, ._29_7:last-of-type ._3058:last-of-type ._52mr ._4br2 {
border-bottom-left-radius: 0em;
}
/*Change Bubble Color*/

/*Get color codes from here: http://www.color-hex.com */

._nd_ ._hh7 {
background-color: #e9ebee;
color: #1d2129;
}

/*Move text margin to the right (Change 50% to what ever suits*/

.__i_ {
margin: 0 10px 0 0;
padding: 0 50% 0 0;

}

/* aligns senders text directly under conversation – credit to RD Hardi*/

._o46._3i_m ._3058 {
clear: left;
float: left;
}}

/* Increase width of conversation  – credit to RD Hardi**/
._52mr,
._52mr._s1- {
box-sizing: content-box;
max-width: 100%;}

[/slh]

First Install Stylish which can be downloaded here

Once installed follow these steps:

1. Open Stylish in your browser
2. Click on “Write New Style” & Select “Blank Style”
3. Copy the code, Name it & Save it
4. Open Facebook Messenger….Done

 

Install FB Purity for Edge: http://www.fbpurity.com/install.htm

Then open FBP and add the code for chrome in the CSS section.

[slh lang=”css”]

/* Adjust Typing Box Height */

._kmc {
min-height: 300px;
}

/* Messenger remove Bubbles */

._nd_ ._52mr {
border-bottom-left-radius: 0em;
border-top-left-radius: 0em;
}
._nd_:first-of-type ._3058._52mr:first-of-type, ._nd_:first-of-type ._3058._52mr:first-of-type ._mxz, ._nd_:first-of-type ._3058:first-of-type ._52mr, ._nd_:first-of-type ._3058:first-of-type ._52mr ._mxz {
border-top-right-radius: 0em;
}

._nd_:last-of-type ._3058._52mr:last-of-type, ._nd_:last-of-type ._3058._52mr:last-of-type ._4br2, ._nd_:last-of-type ._3058:last-of-type ._52mr, ._nd_:last-of-type ._3058:last-of-type ._52mr ._4br2 {
border-bottom-right-radius: 0em;
}

._29_7 ._52mr {
border-bottom-right-radius: 0em;
border-top-right-radius: 0em;
}
._29_7:first-of-type ._3058._52mr:first-of-type, ._29_7:first-of-type ._3058._52mr:first-of-type ._mxz, ._29_7:first-of-type ._3058:first-of-type ._52mr, ._29_7:first-of-type ._3058:first-of-type ._52mr ._mxz {
border-top-left-radius: 0em;
}

._29_7:last-of-type ._3058._52mr:last-of-type, ._29_7:last-of-type ._3058._52mr:last-of-type ._4br2, ._29_7:last-of-type ._3058:last-of-type ._52mr, ._29_7:last-of-type ._3058:last-of-type ._52mr ._4br2 {
border-bottom-left-radius: 0em;
}
/*Change Bubble Color*/

/*Get color codes from here: http://www.color-hex.com */

._nd_ ._hh7 {
background-color: #e9ebee;
color: #1d2129;
}

/*Move text margin to the right (Change 50% to what ever suits*/

.__i_ {
margin: 0 10px 0 0;
padding: 0 50% 0 0;

}

/* aligns senders text directly under conversation – credit to RD Hardi*/

._o46._3i_m ._3058 {
clear: left;
float: left;
}

/* Increase width of conversation  – credit to RD Hardi**/
._52mr,
._52mr._s1- {
box-sizing: content-box;
max-width: 100%;}

[/slh]