Hello Howard,

We are sorry, there is no setting to change the color unless you hack the CSS code.

I can do that. Can you point me to the file?

Hello Howard,

You can fine the css file here: ../components/com_easysocial/themes/wireframe/styles/style.css. Hope this helps.

It's me again, back after some time. Not being a css specialist, I'm now inside /themes/wireframe/styles/style.css looking for the code to change. All I want to do is change the wireframe navbars etc to #95000 and the font to white. Can you please point me to the lines in the css? Thanks, Howard

screen plz.

Not sure a screen shot makes sense, but here you go. I'm inside ../components/com_easysocial/themes/wireframe/styles/style.css. and my question is which lines do I edit to change the template navbar to red and font to white? Thanks

Are there really only three EasySocial themes and no way to change the color? Light blue and black just aren't alternatives. I'm happy to change the CSS. Can someone please point me to the lines in my styles.css that I have to change? Thanks for your information.

Hello Howard,

Currently there is only 3 themes available in EasySocial and we're planning to add more in the future but as of now, we only have 3. CSS itself does not require that you modify EasySocial's css file. You can just place css overrides within your Joomla template's css file to override the css. This makes your life much easier because the css file that you are editing is compressed and to wade through the compressed css codes, it would be a nightmare.

If you can provide us with the URL to your site, we will be glad to help you with this. I tried to access http://mamor.com.au/ based on the screen shot that you have posted but I don't seem to see anything on that site.

Hi there, I suggest you use firebug in Firefox or the view code in Chrome. I'll post a guide later when I get home since I'm in my phone right now.

Nice, thank you! By the way, what's your name? Quite difficult to address you as "Anonymous"

Hi there, so here's usually how it works. As of this moment I'm using chrome
1. Right click on the screen, then choose inspect element at the bottom (I suggest you right click on the element of the page you want to modify)
2. You will then see some code at the bottom, as you hover on it, it will be highlighted


I've pointed out the element I want to change which is "data-dashboard-real-content" which are the colors of almost every link element in the site like the link "like".
You can also see the line where you need to edit it. To make sure I see what will happen before I edit it, I just add "color: chocolate;" in the browser and I can see what willl happen next.

3. Just in case you want to know the path or folder of the file, just hover around it


Hope this tutorial makes sense

Thanks for sharing Ken