Solved3.31K viewsCSS ( Look and Feel )messaging Messaging module

Hi, I have a few questions for the Messaging module.
1) How do I align/move the bar title to the left (just next to the arrow)?
2) Is there a way to change the description text? If not possible, how do I hide it?
3) How do I hide the search bar?
4) How do I hide the Favourite/Followers text that’s just below the name?
5) How do I change the color of the red speech bubble?
6) How to hide blocked users icon?
Additionally, is there a way to hide blocked users icon for customers only, but still keep it displayed for staff? (coz customer do not need to block staff, but staff may wanna block some bad customers)

Question is closed for new answers.
Selected answer as best

Hi Yasmine,
paste below code in Editor -> design -> advance css section.

/* title for left side*/
.bar-header .title.title-center.header-item {
    left: 0px!important;
  /* hide description text just replace display:block; to display:none;   */  
ion-view[state="messaging-home"] div.customer-image{
  /* hide search bar*/
ion-view[state="messaging-home"] div.scroll div[style="margin: 0 auto; padding: 10px 25%;"]{
 /* hide thafavorite and followers text*/
ion-view[state="messaging-home"] div.item-avatar{
 /* change the color of speech bubble and text color*/
ion-view[state="socialnetworks-chat"] div.scroll{
 background-color:#1cc51c;/*write here desired color*/
 color:#fff; /*write here desired font color*/
ion-view[state="socialnetworks-chat"].homeView .chat-bubble.right:before {
  border-top-color: #1cc51c;/*write here desired color for bubble down arrow */
  background-color: #1cc51c;/*write here desired color for bubble down arrow*/
  /* hideblocked user icon*/ span.secondary-buttons button[ng-click="showBlockedUsers()"] {

Have a nice day!
Best Regards,
Support Team.

Selected answer as best
You are viewing 1 out of 4 answers, click here to view all answers.
Download your FREE cms now

on Combo Modules Purchase



on renewal of expired license



on renewal of active license



on renewal of combo active license


No coupon code is required. Applied automatically on the cart.
Combo offer is applicable on the purchase of 2 or more modules/renewal/both.
Terms and conditions apply.

Messaging Module – align and hide elements

User ID : [email protected]
Pwd : 123456

October 2, 2023 7:41 am