Hello aikigi,

Can you elaborate your question with more details, and include a screen shot of what you are referring to change that color link from EasySocial?
So we can know that what your exactly requirement at here? Also, is it possible provide us with your Joomla backend and FTP access? Please advise.

Hello,

There is quite a few things I would like to change (see "site details" for details). From activity stream links to easyblog, easydiscuss, Komento... applications color title, categories, etc. The problem is that their styles are all connected and it make difficult to change one without affecting the other.

It would be great if in each theme, we could choose the color for all the title links (easysocial, easyblog, easydiscuss, Komento, Articles application as well) that will appear in the stream. Same for all the category links, hashtags, @name, etc.

Let say I just want all the title links to be blue and all the category links to be orange, right now I cannot only change those without changing many other element style to the same. Title and category links are actually connected to the same class and cannot make them different.

See the first two attached screenshot for example of issue.


So it would be great if in the theme I could select the title default color, category color, user names color, etc. This would apply to all easysocial (including application, activity stream, image album...)

Even better if this was also extended to your other components...

Hello Akigi,

First of all you would have to select a proper css selectors to style your page, to change the category please place the code in your custom.css or template.css file with in your theme.

div.es-content div.es-stream-content div.blog-meta > a {

    color: #88bfc0 !important;

}

We do not do customization for you but could help you in minor changes. Please provide us with screenshot if you have any problems.

Thanks:)

Thank you, with this I can now control the easyblog category link color in stream.

How can I find the correct css selector to make the changes? Until I add the line you gave me, I couldn't see the "div.es-content div.es-stream-content div.blog-meta > a" in chrome inspect element.

Thanks.

Hello Aikigi,

By default, our component will just inherit the link color from your own Joomla template styling.

The hack provided by Khairul was to style specific link based on your requirement only.

Hope this will help, please let us know if you need further assistance, thank you

hello,

Sorry for coming back into this subject but I have a few more questions:

1. Why there is so much difference between the easysocial 1.xx and 1.2 Wireframe theme? All the modifications I had done before were lost and unfortunately the updated theme doesn't inherit my template style as well as the previous version!

2. As mention in an earlier post, there is a lot of modification I need to make to get where I want (mainly in applications styling). Because the style inherited from my template doesn't work for most, How can I find the "specific link" mention above to style them as needed? Is there a list of them in the documentation?

3. Right now the main issue I have is with the Easysocial toolbar module. It use to work perfectly on the previous version, but now the layout and style are completely broken. See attach file.

Thank you for your help.

Hi Aikigi,

We are revamping the structure to using bootstrap3, hence your previous styling might need to update to correct class name accordingly.

Hi,
This is great that you are keeping up with the latest bootstrap version (which all the companies would do that!!).

Now, I really sorry to keep coming back on this issue (I'm don't know much about template/css...) but I said in the above post, I really need to adjust some of the application style. how can I find (or hack) the right "style specific link" to make change to it? is there a general rules, a tool or documentation to find them, or you just know them because you build it?

About the module "easysocial toolbar", I don't understand why it isn't working. The default toolbar work perfectly (the one that display inside the easysocial layout) but it doesn't when using the module. It used to work perfectly! (See screenshot from previous post where both are displayed)

I need help to fix the module toolbar as it restrict me from upgrading to the 1.2.3 on my live site!

Thank you.

Hello Aikigi,

To fixed the toolbar styling you will need to insert css codes below into your custom stylesheets,

body div#fd.es .es-toolbar .fd-nav>li>a [class^="ies-"], body div#fd.es .es-toolbar .fd-nav>li>a [class*=" ies-"] {

	color: #fff;

}



body div#fd.es .es-toolbar .fd-navbar-search .search-query {

	background: #88c0c0;

	border: 1px solid #88c0c0 !important;

}



body div#fd.es .es-toolbar .fd-navbar-search {

	background: #88c0c0;

}

body div#fd.es .es-toolbar .fd-nav>li>.dropdown-toggle_>.caret {

	border-top-color: #5A8686;

	border-bottom-color: #5A8686;

}

Hi,

The change you provide has change the default toolbar, but had no effect on the Module "easysocial toolbar".

The default toolbar was find, the problem I have is with the module one. See attachment.

Thanks.

Hello aikigi,

Sorry for late reply to this,
It seems like you're still using the older version of Easysocial, can i have the permission to perform an installation to latest version of EasySocial 1.2.3version and see how it goes?

Hello Arlex,

Sure you can do anything on this installation as it is just a testing site.

Thanks.

Hello aikigi,

Is it possible provide us with your FTP access so we can help you check on the styling? Because it still loading the old styling in the toolbar module.

Sure I added them to site details

Thanks

Hi Aigiki,

I have updated the modules to latest version and place the css styling code for you into /templates/system/css/general.css .

Hello,

Thank you for your help.

Could you let me know how to apply the update to my real site? I have tried on my second testing site to copy the module folder and add the styling to the general.css file but it didn't work.

Thank you.

Hi Aikigi,

On you live site, you will need to

Copy to your live site:
/modules/mod_easysocial_toolbar (folder)
/templates/system/css/general.css

Remove from your live site if have:
/templates/mozaix/html/mod_easysocial_toolbar (folder)

If not working please provide live site details for us to help you.

Ok seems to work now. I forgot to delete the override folder!

Thank you very much for your help!

Hello aikigi,

You're welcome, glad to heard your issues resolved.