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

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
0

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

/*1.to title for left side*/
.bar-header .title.title-center.header-item {
    left: 0px!important;
}
  /*2.to hide description text just replace display:block; to display:none;   */  
ion-view[state="messaging-home"] div.customer-image span.ng-binding{
  display:block;
}
  /*3.to hide search bar*/
ion-view[state="messaging-home"] div.scroll div[style="margin: 0 auto; padding: 10px 25%;"]{
  display:none;
}
 /*4.to hide thafavorite and followers text*/
ion-view[state="messaging-home"] div.item-avatar p.post-date{
  display:none;
}
 /*5.to change the color of speech bubble and text color*/
ion-view[state="socialnetworks-chat"] div.scroll div.chat-bubble{
 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*/
 }
  /*6.to hideblocked user icon*/
ion-header-bar.bar-custom span.secondary-buttons button[ng-click="showBlockedUsers()"] {
  display:none;
}


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

20%

20%

on renewal of expired license

20%

20%

on renewal of active license

20%

40%

on renewal of combo active license

60%

Notes:
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

March 28, 2024 2:04 am