Notice

The forum is in read only mode.

Support Forum

Welcome! Support Forums have been reactivated

Message page is displaying oddly.

6 years 8 months ago
  • D.'s Avatar
    Topic Author
  • D.
  • Offline
  • Fresh Boarder
  • Posts: 34
  • Thank you received: 1
Licenses:
JomSocial Active

Hi,

When selecting the message or notification menu the page displays with an odd formatting. I have tried selecting a different template from the backend.
Unassigning the default template from the menu items... a number of innocuous things, but nothing helps. I've attached a screen shot to give a better idea of the situation.



Any suggestions?
D. Ashley

Attachments:
6 years 8 months ago
Licenses:
JomSocial Active GURU Expired Publisher Expired AdAgency Expired iSEO Active

Hello D. here is the solution
www.jomsocial.com/forum/templates-themes...at-theme-chat-secton

Check Vladimir post with css, I have implemented this and it fixed formatting.

6 years 8 months ago
  • D.'s Avatar
    Topic Author
  • D.
  • Offline
  • Fresh Boarder
  • Posts: 34
  • Thank you received: 1
Licenses:
JomSocial Active

Hello Goran,

Thank for the quick reply. However, the problem is not with the Flat theme version. This problem is occurring when the Jomsocial 4.2.2 template is applied.
Would the CSS fix work for this issue as well?

Thanks in advance,
D.Ashley

6 years 8 months ago
Licenses:
JomSocial Active GURU Expired Publisher Expired AdAgency Expired iSEO Active

There is a easy way for you to check will it work.
Depending on what template you are using D. paste this code in custom css file or if you have section for custom css inside of template you are using save it and simply go to chat page.
If it doesn't work just delete code and nothing will be broken.

.joms-chat__conversations-wrapper {
display: table-cell;
width: 35%;
border-right: 1px solid rgba(0, 0, 0, .05);
vertical-align: top;
}
.joms-chat__messages-wrapper {
display: table-cell;
vertical-align: top;
}
.joms-chat__wrapper {
display: table;
width: 100%;
}
.joms-chat__search {
padding: 14px;
border-bottom: 1px solid rgba(0, 0, 0, .05);
background-color: rgba(0, 0, 0, .025);
border-top: 1px solid rgba(0, 0, 0, .035);
}
.joms-chat__search_conversation[type="text"] {
margin: 0px;
}
.joms-chat__item.active {
color: #fff;
background-color: #3f947c; /*PRIMARY COLOR BUTTONS*/
}
.joms-chat__item > .joms-avatar {
display: table-cell;
width: 32px;
vertical-align: middle;
}
.joms-chat__item > .joms-avatar > img {
max-width: 32px;
max-height: 32px;
}
.joms-chat__item-body {
display: table-cell;
padding-left: 9px;
vertical-align: middle;
}
.joms-chat__item.active a {
font-weight: bold;
color: #fff !important;
}
.joms-chat__header {
display: table;
width: 100%;
padding: 14px;
border-bottom: 1px solid rgba(0, 0, 0, .05);
-webkit-box-shadow: 0px 3px 0px 0px rgba(0, 0, 0, .025);
-moz-box-shadow: 0px 3px 0px 0px rgba(0, 0, 0, .025);
box-shadow: 0px 3px 0px 0px rgba(0, 0, 0, .025);
}
.joms-chat__message-item {
position: relative;
display: table;
width: 100%;
padding: 6px 14px;
color: #666666;
}
.joms-chat__message-item > .joms-avatar {
display: table-cell;
width: 32px;
vertical-align: middle;
}
.joms-chat__message-item > .joms-avatar > img {
max-width: 32px;
max-height: 32px;
}
.joms-chat__message-body {
display: table-cell;
padding-left: 9px;
vertical-align: middle;
}
.joms-chat__message-item.you .joms-chat__message-body > div {
background-color: #64AE9A; /*SECONDARY COLOR BUTTONS*/
color: white;
}
.joms-chat__message-body > div:last-child {
border-bottom-left-radius: 9px;
border-bottom-right-radius: 9px;
}
.joms-chat__message-body > div:first-child {
border-top-left-radius: 9px;
border-top-right-radius: 9px;
}
.joms-focus__button--options--desktop {
padding-top: 15px;
}
.joms-chat__message-body > div {
background-color: #ecf0f1;
font-weight: bold;
font-weight: 500;
margin: 2px 0;
padding: 6px 14px;
position: relative;
}
.joms-chat__messagebox {
padding: 14px;
background-color: rgba(0, 0, 0, .025);
border-top: 1px solid rgba(0, 0, 0, .035);
}

6 years 8 months ago
  • D.'s Avatar
    Topic Author
  • D.
  • Offline
  • Fresh Boarder
  • Posts: 34
  • Thank you received: 1
Licenses:
JomSocial Active

Hey Goran,

Thanks for the advice. I added the code to my custom.css file and nothing changed. I've even tried it in the individual JS templates css file.
Unfortunately, I'm still having to deal with an oddly formatted page using Jomsocial's default template.

The templates that seem to work are kikiriki and shadow, both with version date in 2014! Has anyone at Jomsocial looked at this issue within the JS default template. I should be able to use the default template without issues. Yes?
D. Ashley

6 years 8 months ago
Licenses:
JomSocial Active GURU Expired Publisher Expired AdAgency Expired iSEO Active

Yes default template works without bugs and believe me D. I have tested it.
In my case there was that error with Flat theme which was fixed with css Vladimir posted. It seems different sites different scenarios.
Sorry that solution which helped me wasn't useful for you to D.
But JS team will solve this for you.

The following user(s) said Thank You: D.
Moderators: Piotr Garasiński
Powered by Kunena Forum

Join 180,000 websites creating Amazing communities

JomSocial is the most complete, easy-to-use addon that turns Joomla CMS into a
full -fledged, social networking site

TRY NOW BUY NOW

About Us

Our product

Support

Contact Us

Site Policies

Elsewhere

© JomSocial.com All Rights Reserved