Solved3.61K 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
0

Hi Yasmine,
On #2 (Is there a way to change the description text?), Yes we can change the “description text” from socialnetworks (which is linked with your messaging module) settings “Description for search profile page”.
You can see working it next version.
Thanks!

Answered question
0

Hi Yasmine,

Hope you’re doing great. I wanted to check in with you regarding the issue you had the other day. Was it resolved?
Do you need any additional help? I’d be happy to assist you in any case.

Have a great day,

Best Regards,
Support Team.

Answered question
0

Hello Yasmine,

Thank you for reaching out on Support. I have forwarded your query. Our team will get back to you soon.

Have a nice day!

Best Regards,

Support Team.

Edited answer
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

February 23, 2024 3:13 am