How about this?

http://docs.stackideas.com/administrators/templating/template_overrides

That's for ES1.1,

ES 1.2 uses bootstrap 3.0, a different templating system.

If you go to ADMIN--> THEMES-->COMPILE THEME , you will see what I am talking about

Hello,

Template overrides behavior are the same as outlined in the documentation. The "Compile Theme" is purely to compile less files into css files if you have custom less files. As simple as that

Which file do we add to the TEMPLATE/html/com_easysocial/styles/ ?
style.css or style.min.css?

ie: I am trying to change the font-family and the font-size

In firebug, it shows in: components/com_easysocial/themes/wireframe/styles/style.min.css

body div#fd.es {
font-family: 'Lucida Grande','Gisha','Lucida Sans Unicode','Lucida Sans',Lucida,Arial,Verdana,sans-serif;
font-size: 12px;
font-size-adjust: none;
line-height: 18px;
}

So I added this to my template override in: /httpdocs/templates/yoo_nano3/html/com_easysocial/styles/style.min.css

body div#fd.es {
font-family: 'open sans','Lucida Grande','Gisha','Lucida Sans Unicode','Lucida Sans',Lucida,Arial,Verdana,sans-serif;
}
body div#fd.es .es-stream-content {
font-size: 13px;}

to change the font-family and font-size
I purged the cache, but I do not see any changes.

Hello checksum,

If you are just wanting to do "very very minor" changes, do it in your Joomla template's css file, saves your time and will be much faster because if you were to place a css override file in the template override, EasySocial will only render your overriden css file and not EasySocial's wireframe css file.

If you want to be adventurous and style the entire Social component, then you would do this as template overrides

Hi Mark,

When you say: 'do it in your Joomla template css file'. Can you please explain exactly which file you mean? Is there a particular file or should I create a new specific file? If I should create a new file, how will EasySocial take its 'orders' from that new file. Sorry Mark but a detailed explanation would be very useful to me.


Thanks!

Hello David,

Oh, it's really nothing special. It's the css files that were loaded by your Joomla template. This has nothing to do with creating a new file

For EasySocial 1.2, simply create a style.css file at JOOMLA/templates/_template_/html/com_easysocial/styles/style.css with the following content to get started:

@import "../../../../../components/com_easysocial/themes/wireframe/styles/style.css";

@import "../../../../../components/com_easysocial/themes/wireframe/styles/more.css";



/* Add customization here */

body div#fd.es.es-main {

    background: yellow;

}

Hello,

I followed the steps above, but it does not work, the styling on the whole page is gone.

I purged the cache many times also

Hello checksum,

You should have a style.css and style.min.css in your template override folder ( I am not too sure if the later should be used but we'll see if we can simplify this to only a single file)

Hi Mark,

Adding the style.min.css does not help

The whole page styling is not there, even with the @import

Anyway, I will try to add the modification to my template.css file until this gets fixed.

Thank you

Hello checksum,

Okay, will add a fix so that if you have a template override, it will only look for style.css rather than both style.css and style.min.css