facebook-messenger

Facebook Messenger Filters

Photo Restoration

 

Facebook have rolled out the Messenger interface as a replacement for the loved message inbox.

Although the latest design will feel familiar to those who use the chat service on their smartphones, as with every Facebook so-called improvement issues exist.

facebook-messenger

With the new changes you will find common filters such as ‘Unread Messages’ are no longer present. I have found a workaround a way to access those filters.

Hopefully you will not require these workarounds for long.

You can also edit the layout with styling code using F.B Purity & Stylish to change the message box margins and more (See Below)

*F.B Purity has introduced some of the changes we have listed below in their recent update v18.0.0. However our custom code can be used with Stylish and adjusted to suit your own preferences

Easy Access Links

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

unread threads

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

Facebook CSS Changes (Chrome)
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]

 

f.b purity

Facebook Messenger Filters

Facebook CSS Changes (Firefox)

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

Facebook Messenger Filters

 

Facebook Messenger Filters

Facebook CSS Changes (Edge)

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]

Join our Facebook Group for assistance and friendly chat Facebook.com/groups/MessengerHelp/

You can request give feedback to Facebook here!

[ninja_forms id=20]

 

I also restore Old Photos.. please do check my out my work.

Photo Restoration