By Mel on Tuesday, 26 July 2016
Likes 0
Views 868
Votes 0
Hi,

is there an easy way to change the colour of the EasySocial theme from its current blue to one that matches my template?

I have gone through the themes section but cannot find any way of doing this.


Kind regards

Mel
Hello Mel,

Please try this,



P/S: Our support does not cover customizations and we are only assisting you out of good faith.
·
Thursday, 28 July 2016 00:45
·
0 Likes
·
0 Votes
·
0 Comments
·
Hi Mel,
You need to apply custom css to change the background color of ES toolbar.
First, make sure you have already created the custom.css directory at JoomlaFolder\templates\yourCurrentTemplate\html\com_easysocial\css\custom.css. After that, you can apply the code below into the css file. You can change the color by editing the color code #000 into other color codes.
body div#fd.es .es-toolbar .navbar-inner{
background: #000 !important;
border: 1px solid #000 !important;
}

body div#fd.es .es-toolbar .fd-navbar-search .search-query {
background: #000 !important;
}

body div#fd.es .es-toolbar .fd-navbar-search {
background: #000 !important;
}
Hope this helps.
·
Wednesday, 27 July 2016 13:17
·
0 Likes
·
0 Votes
·
0 Comments
·
Hi Raymond,

thank you, that has changed the top toolbar. How do I change all the other blue bits i.e. the little dropdown and the buttons in all the menu links i.e. in Videos, Groups etc. see images:

Ideally there should be something like there is for joomla templates where we can change the colours easily via an admin panel - maybe a feature request?

Mel
Mel
·
Wednesday, 27 July 2016 21:25
·
0 Likes
·
0 Votes
·
0 Comments
·
Hi Mark,

thanks for responding - that code changed the same bits as Raymond provided - it still didn't change the othe sections i.e. buttoms or avatar dropdown area.

Not to worry though, as I saw the newsletter regarding EasySocial 2 and it is exactly what I want - ability to change these within administrator

What is the timescale for easysocial release? Is it weeks/months away? If it is a long way off then I will try and work out the colour changes myself (as do appreciate this is not in the scope of support).

Kind regards

Mel
Mel
·
Friday, 29 July 2016 18:48
·
0 Likes
·
0 Votes
·
0 Comments
·
Hi Mel,
Unfortunately, I couldn't really give you a close estimate as our developers are still quite tied up with ES2.0 many tasks. For now, just assume it to be months. I would suggest you to do your own customization at the mean time. I appreciate your understanding. Thanks.
·
Friday, 29 July 2016 19:36
·
0 Likes
·
0 Votes
·
0 Comments
·
Hi Raymond,

thank you for letting me know.

Just to say, the code Mark gave did work - I just needed to clear the cache

Mel
Mel
·
Sunday, 31 July 2016 18:51
·
0 Likes
·
0 Votes
·
0 Comments
·
Thanks for updating Mel, glad that your issues are resolved now
·
Sunday, 31 July 2016 21:35
·
0 Likes
·
0 Votes
·
0 Comments
·
View Full Post