Public Forums 71,145 posts

[Hans von Buelow Friend Hans von BuelowJoin date: March 2016Posts: 9Downloads:8Uploads:3]

#1057510

Dear Forum,,

I am in the middle of developing a new web site for our club. It has a darker theme with a light standard text colour. http://baboons.huvb.de/

So far almost everything has worked with the exception of the Joomla Contacts Form. Here the ThemeMagic does not seem to alter the background colour of the form. White background with light gray text is not very ideal. http://baboons.huvb.de/index.php/kontakt/nachricht-an-den-baboons

How can I change this background colour to the standard @gray-dark?

Is there a custom variable that I can set in variables-custom.less?

Best Regards,
Hans von Bülow

[Pankaj Sharma Moderator Pankaj SharmaJoin date: February 2015Posts: 24589Downloads:144Uploads:202 Thanks: 127 Thanked: 4196 times in 4019 posts]

#1057515

Hi
it’s the default color of the template.
You can add this code in /css/custom.css file and change the color code as per needs.

body {
    color: #eeeeee;
    background-color: #444444;
}

Regards

[Hans von Buelow Friend Hans von BuelowJoin date: March 2016Posts: 9Downloads:8Uploads:3]

#1057519

Thanks for the quick reply. I will try it out.

Shouldn’t this be controlled by the default background Color as set in ThemeMagic?

Best Regards,
Hans

[Hans von Buelow Friend Hans von BuelowJoin date: March 2016Posts: 9Downloads:8Uploads:3]

#1057521

Just one more question.

In which directory should I put the custom.css.
In the Local/css/themes/ directory, or in the purity_iii/css directory?

Best Regards,
Hans

[Hans von Buelow Friend Hans von BuelowJoin date: March 2016Posts: 9Downloads:8Uploads:3]

#1057534

Dear Forum,

I put the custom.css file into purity_iii/css.
Using the inspector in Firefox, I can see it loads the custom.css.
If I manually change the Color variable, then it changes the text color.
If I however change the variable to "background-color: #345404;", then nothing happens. Is the variable name correct?

I am sorry for asking so many dumb questions, but I have very little experience in css and web-design.

Regards,
Hans

[Pankaj Sharma Moderator Pankaj SharmaJoin date: February 2015Posts: 24589Downloads:144Uploads:202 Thanks: 127 Thanked: 4196 times in 4019 posts]

#1057574

Hi
You cN see the color option in ThemeMagic as well.
Background color for body class work only for body container.

Regards

[Hans von Buelow Friend Hans von BuelowJoin date: March 2016Posts: 9Downloads:8Uploads:3]

#1057650

Thank you. The change in body text works. This still leaves the question of how to change the background color of the contact form itself.

http://baboons.huvb.de/index.php/kontakt/nachricht-an-den-baboons

Do you have any advice on that?

Best Regards,
Hans

[Pankaj Sharma Moderator Pankaj SharmaJoin date: February 2015Posts: 24589Downloads:144Uploads:202 Thanks: 127 Thanked: 4196 times in 4019 posts]

#1057747

Hi
I can see the code is working fine from custom.css file.
It’s the same color that you added: http://prntscr.com/gberet

Regards

[Hans von Buelow Friend Hans von BuelowJoin date: March 2016Posts: 9Downloads:8Uploads:3]

#1057809

Dear Pankaj,
thank you for all your help and perseverance.

For the custom.css. As far as the text color goes, it is applied to the contacts form. But the background color for the contacts page is white. This makes reading the text in the contacts form very hard.

Why is this? Why doesn’t the contacts form react to the background-color variable?

A workaround would be too lighten the background and darken the text, but that doesn’t really fit in with my ideas for the overall theme.

Regards,
Hans

[Pankaj Sharma Moderator Pankaj SharmaJoin date: February 2015Posts: 24589Downloads:144Uploads:202 Thanks: 127 Thanked: 4196 times in 4019 posts]

#1057811

Hi
You can use firebug and override the code using custom.css file.
The background is working from custom.css as well.
You can change the color code as per needs.

[Hans von Buelow Friend Hans von BuelowJoin date: March 2016Posts: 9Downloads:8Uploads:3]

#1057814

Dear Pankaj,

using the built-in style editor in Firefox, I can successfully change the Color of the text successfully. However changing the background variable has no effekt.

It is probably a UTS-error (User Too Stupid) but I can’t understand why it doesn’t work.

Regards,
Hans

---

Attachments:

1. 

[Pankaj Sharma Moderator Pankaj SharmaJoin date: February 2015Posts: 24589Downloads:144Uploads:202 Thanks: 127 Thanked: 4196 times in 4019 posts]

#1057827

Hi
You can use firebug to check the stye classes and override the code in custom.css file to customise the default color of the template.
Example to check the style code using firebug/inspect element http://prntscr.com/gbgpmb

Regards

[Author]

Posts