Chameleon not working well

Hi RobinW1,

Thanks for the link.

First, I would like to explain to you how Chameleon basically works.

Chameleon does not change or modify any styling of your site, it only makes use of the available styling from your template and applies the styling elements which are applied by the user in Ninjaboard's Settings screen.

This way Ninjaboard is able to blend/stream flawlessly into your site and giving it the feel and look of your website. However, there are some customizations available in the Settings which can give Ninjaboard an extra elegant look without compromising the general looks of your website/template such as colors, link-effects, module styling, text, etc.

Ninjaboard's Chameleon is totally appending from your template's styling capacities.
If your template has poor styling then Chameleon can't make it better.
But if your template has rich styling then Chameleon can make the best out of it and is therefore highly customizable.

So, the main point is that the pink text is generated by your template and not by Chameleon.
I noticed that you make use of a free Joomla template.
This is OK but in general, free templates have poor styling.
It doesn't mean that a free template will not fit in, but sometimes it's necessary to fine-tune the CSS from that particular template to make it better.

Which is what we going to try.

- Log in to the backend and browse to the Template manager.
- Choose your default template.
- Click Edit CSS in the Toolbar (right top side)
- Select template.css (or in your case it might be style2.css) and click Edit in the Toolbar.

- Add the following CSS code at the bottom line:

#ninjaboard a {

    color: #B20202;

}

#ninjaboard li {

    color: #000000;

}

- Click Save, click Cancel to go back.

This makes the links in Ninjaboard pick up the main color for your links and the forum description text the main color of listed items.

Chameleon isn't configurable or as settings yet.
We are planning this as a new feature in future releases.
Also, at this time it isn't possible to add new/other theme's.
Although this might look confusing, we are planning to add this feature too in future release.

Tip:
If you want Chameleon take the benefits of awesome flawless streaming, you might want to consider to use a template from RocketTheme or YooTheme.

You can take a peek on our demo site which has some templates of these manufactures installed in use with Ninjaboard.

I hope this helps.
Let us know how it goes.
If you need more help, feel free to ask.

Kind regards,
John

Hi RobinW1,

You are welcome, great to hear it solved your issue.

As far as I could see, the pink color style for links and listed items is defined in style2.css.

Line 24 (defines the listed items > li):

.module li, .module_menu li {

    color: #FEE8E8;

}

Line 25 (defines the links > a):

.module a {

    color: #FEE8E8;

}

You can easily change those values but that would affect every page where style2 is active.
Using the CSS code given in my previous post will only affect the Ninjaboard pages.

I hope this helps.

Kind regards,
John

Hi Luna,

The solution above doesn't help for you because it is template specific.
I inspected your page in question but couldn't find the problem yet.
It seems like that there's some CSS involved from your template which renders Ninjaboard incorrect.

What I would like to know from you is which template manufacturer did you use for your website?
By knowing that, I might be able to test the template with my own setup and inspect what could be wrong.

Or you also may send me a temporary super admin account so I can try to find a solution based on your website's live situation. Please send account details to john [at] ninjaforge [dot] com.

Thanks.

Kind regards,
John

Hi Luna,

Hmm...strange...
Adding only a color to the span style doesn't do much.
Except when there was some misconfiguration involved and perhaps was reset after saving the settings.
I have no clue, honestly.

But if it works, it works. I'm glad you found a solution.

Thanks for letting us know.

Kind regards,
John

Hi Luna,

Thanks for your email.
Just saw it after I posted my last reply.

I will take a look asap.

I will let you know if I find something useful.

Kind regards,
John

Hi Luna,

I'm sorry, I totally lost this out of sight.
I will take a look as we speak.

Thanks for notifying me.

I will let you know what my findings are.

Kind regards,
John

Hi Luna,

Thanks for your trust by giving me access.

This was given me a better insight for your situation.

I was able to give Ninjaboard the proper styling by overriding the CSS styles from your template.

First, your way of modifying the buttons via the settings within Ninjaboard was a good way to do it because those fields are meant for this purpose.
I think I didn't understand your situation, sorry about that.

The only minor issue was that it wasn't picked up properly by your template, which has various modifications (like you mentioned in your email to me) as it comes to link colors.

To fix this I've added the following to your template.css:

#ninjaboard a {

    color: #000095!important;

    text-decoration: none;

}

#ninjaboard a:hover {

    color: #5A5A4F!important;

    text-decoration: underline;

}

#ninjaboard a:visited {

    color: #000095;

}

.ninjaboard .username {

    font-size: 16px;

}

The above CSS will only affect the Ninjaboard pages.
I've kept the colors in its original enviroment and as plain as it would be the intended way (like your template should do).

By modifying the CSS instead will leave the button settings within Ninjaboard for other styling purposes.
Like adding borders, backgrounds or other effects to the buttons (see New Topic field just as an example, this will also affect the Reply, Move and Delete Topic button).

I hope this helped.
If you need further help with styling, please let us know.

Kind regards,
John

You are welcome, Luna.

I'm glad to hear you are satisfied with the results.
You can modify it to your own needs of course.

Note that your colleague(s) might have to clear their browser's cache and refresh the page to make the chances effective. Usually this isn't necessary because these kind of chances are effective immediately after refreshing the page. But in some rare cases it might help.

Thanks again for your trust, it's really appreciated.

Best regards,
John