Welcome, Guest
Username: Password: Remember me

TOPIC: Text and or background color in the forms/layouts

Text and or background color in the forms/layouts 06 Dec 2011 07:50 #672

  • erick100
  • erick100's Avatar
  • Offline
  • New Member
  • Posts: 2
  • Karma: 0
I have a built a component but because of my site template, nobody can read the labels because it's almost the same color. How and where can I change this? I hope you can keep it simple because I'm not experienced.
The administrator has disabled public write access.

Re: Text and or background color in the forms/layouts 06 Dec 2011 10:06 #674

  • giori
  • giori's Avatar
  • Offline
  • Senior Member
  • Posts: 73
  • Thank you received: 14
  • Karma: 6
For this we have .css files, either global, template, application or even element specific.
Examples:
a. system\templates\css\[templates].css
b. templates\template-name\css\[templates].css
c. com_component\css\[templates].css
d. in php/html files: <div style="background:#fff; color:#000>...</div>
The administrator has disabled public write access.
The following user(s) said Thank You: admin

Re: Text and or background color in the forms/layouts 06 Dec 2011 13:39 #675

  • erick100
  • erick100's Avatar
  • Offline
  • New Member
  • Posts: 2
  • Karma: 0
Thank you for This tool and the quick response. I know how to change the css in templates but I don't know where I can find in my 'cooked' component. I've tried several things: In the HTML view itself etc.
In de properties of the label form, there is a input for class. What is the meaning of that input, can I put there the these properties for the label?
The administrator has disabled public write access.

Re: Text and or background color in the forms/layouts 06 Dec 2011 13:58 #676

  • admin
  • admin's Avatar
  • Offline
  • Administrator
  • Chef
  • Posts: 3711
  • Thank you received: 987
  • Karma: 140
Thank you for asking this very important question.

This CSS class property is a name you can add to merge in the root of the dom object.

Then you can access all the styles of each DOM marker in the css sheet.

ex : CSS Class = 'custom'

In your CSS
.custom{
	color:#CCC;
}

.custom input{
	border:none;
}


.custom input #id{
}

.custom td.key span.title input#id{
}

By this way, you can even reuse your customizated CSS Classes which will always be compatibles in your future Cook Projects. !!!!

- Customize and reuse JDom for the DOM syntax and architecture
- Customize and reuse a personal CSS sheet in same idea


Cook is your companion ...
Learn how it works, and then in future, you will explose time records for programming.
Coding is now a piece of cake
The administrator has disabled public write access.

Re: Text and or background color in the forms/layouts 18 Apr 2012 05:58 #2043

  • K2Joom
  • K2Joom's Avatar
  • Offline
  • New Member
  • K2 Templates, Extensions & Support
  • Posts: 8
  • Thank you received: 1
  • Karma: 0
It is also worth noting, if you use Google Chrome or Firefox, you can right click on any part of your page and use the inspect function.
This will then allow you to see the displayed HTML code and and css id and classes that have been used in a seperate panel.
It will also provide the name of the css file used and its location making it really simple to track down the file and even line number of the class or ID that needs to be changed. These ID and classes can then be edited by you inline, which only affects what you see and not what other site visitors can see, so you can be certain you know which css file to use and that you are changing the correct element.

If you have some css compression in your template or as a plugin, you may need to disable this to make it easier to locate the correct css file.
Regards,

Simon Wells
K2Joom
The administrator has disabled public write access.
Time to create page: 0.071 seconds

Get Started