Welcome, Guest
Username: Password: Remember me
  • Page:
  • 1

TOPIC:

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

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.

Please Log in or Create an account to join the conversation.

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

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 following user(s) said Thank You: admin

Please Log in or Create an account to join the conversation.

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

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?

Please Log in or Create an account to join the conversation.

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

  • admin
  • admin's Avatar
  • Offline
  • Administrator
  • Administrator
  • Chef
  • Posts: 3711
  • Thank you received: 986
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

Please Log in or Create an account to join the conversation.

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

  • K2Joom
  • K2Joom's Avatar
  • Offline
  • New Member
  • New Member
  • K2 Templates, Extensions & Support
  • Posts: 8
  • Thank you received: 1
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

Please Log in or Create an account to join the conversation.

  • Page:
  • 1
Time to create page: 0.061 seconds
In the begining i would like to say that j-cook is absolutly fantastic tool! And the person who created it is a genius.
Czyżak (Forum)  

Get Started