Hi,

I added the code below as instructed here: documentation.jomsocial.com/wiki/Customi..._the_Override_Folder

: @import url("../../../../../components/com_community/templates/jomsocial/assets/css/style.css");

The changes are not applying . Could someone kindly take a look?

HI, Robby.

Thank you for contacting us.
IMHO that's not a good approach - better will be to just override CSS styles with class chains.
This was explained few times on the forum: www.jomsocial.com/forum/templates-themes...m-css-problem#183583

Hi Michal,

The information in the forum doesn't help. Since i'm following the JomSocial documentation, could you investigate the issue according to the steps in the document? If this isn't the best practice then could you have the documentation updated with clear instructions?

HI.

Documentation is correct and path is as well.
I just mentioned that I personally prefer other solution - with overrides.

You mentioned taht changes are not applied. But what changes you mean? The purpose of importing JomSocial css is to load all necessary JS styles into new file.
But you need to have override file: Override File: JOOMLA/templates/yourTemplateName/html/com_community/css/style.css

Even then you need to override JS css styles with chains of classes. If class styke was declared once, it won't be replaced if you declare it again in the same way e.g

there is original code:

.joms-button--signup {
    width: 100%;
}

.joms-button--signup {
    width: 50%;
}

.joms-landing  .joms-button--signup {
    width: 100%;
}

Hi Michal,

What is "important!"? The documentation doesn't have anything about the chains and i'm not familiar with that process so I'm sticking to the documentation. Here are some of the codes that aren't applying:

.joms-media {
background: #8cc63e1a;
padding: 14px;

}

.joms-blankslate {
padding: 14px;
background: #8cc63e1a;
color: #2c3e50;
display: block;
text-align: center;
}
.joms-comment {
background: #8cc63e1a;
margin: 0;
padding: 0;
}