It is ideal to use the new template editor in EasySocial 2.0 as it will generate the necessary template override files for you. To use the template editor,

1. Go to the themes section,

2. Click on the radio button beside the theme that you would like to configure

3. Click on the button that says Edit Template files

Hi Paul,

There are a number of items in the tool bar that I will not be using on my site and I would like to remove them.
Take for example “Pages”

If you are not using pages, you can just disable them completely at Settings>Pages>General>Enable Pages. After disabling, it will not show on the toolbar as well.

where are the images that appear in the drop down part of the toolbar stored

Do you mean these icons(http://take.ms/V1v6q)?
If yes, these are actually not stored images, they are font-awesome type icons, a type of icon used in css.
For example, the search icon is actually fa fa-search(http://take.ms/fsO37).

Hi Mark

Well that was actually pretty easy

Does this logic now also apply to CSS files?

i.e. Is it now preferable to edit CSS files in “the new template editor in EasySocial 2.0”
e.g. finalbug.net/components/com_easysocial/themes/elegant/styles/style.min.css
If so I can imagine this also being way easier for people like me with very basic css skills.
I would be over the moon if I could just change the colour of some buttons/toolbar etc. Seriously!
I am guessing that this applies only to css files that are generated by Easy Social and not the Template Elegant?

best

Paul


Hi Raymond

Yes thanks for the info with respect to the images.
I have them here:
http://www.finalbug.net/
And can see them all here:
http://fontawesome.io/icons/
So for e.g. the LMS/Shop image I have is:

<i class="fa fa-university" aria-hidden="true"></i>

Which makes me wonder would it be possible to add code that would show for e.g.:

The university icon
The Word Courses
A link to this page here: http://www.finalbug.net/courses-fcpx-and-realted-post-production-tools

As far as I can tell I would have to add the code similar to this here:

<?php if( $this->config->get( 'points.enabled' ) ){ ?>

<li class="<?php echo $view == 'points' ? 'active' : '';?>">

<a href="<?php echo FRoute:oints( array( 'layout' => 'history' , 'userid' => $this->my->getAlias() ) );?>">

<?php echo JText::_( 'COM_EASYSOCIAL_TOOLBAR_PROFILE_POINTS_HISTORY' );?>

</a>

</li>

<?php } ?>

In the following folder:
/home/finalbug/public_html/components/com_easysocial/themes/elegant/toolbar/default.php
using of course “the new template editor in EasySocial 2.0”
I suspect I need to add another snippet of code some where else with the word "Courses" that could/should appears below the icon?

thanks

Paul

For css modifications, please follow the guide at https://stackideas.com/docs/easysocial/administrators/templating/adding-custom-css-codes

If you have further questions, please do start a new thread on the forums.

Hi Mark

OK so CSS modifications still happen where they used to:

/templates/<YOUR_JOOMLA_TEMPLATE>/html/com_easysocial/css/custom.css

thanks

Paul

Yep, that is correct