TOPIC: Styling Frontend cPanel

I am looking for the CSS to style the frontend cpanel but I cannot find it anywhere and firebug is no help locating it. Where is the style for the icons on the control panel at?

Hi Earthrat,
I'm going to assume that you have FTP or file access(extplorer,cpanel) but don't know about template HTML overrides, so forgive me if you do...

if you go to /components/com_dtregister/views/cpanel

copy the /tmpl folder to your local system and rename it to /cpanel

then copy this folder back to your installation to:
/templates/yourtemplate/html/com_dtregister/
(you may need to create the com_dtregister folder under /html

You can then modify the layout in this folder to your hearts content.
It will override the output of the cpanel view and will not be affected by future updates.

You will of course have to check to see if any update changes this view and if it does, go through the process again and reapply your changes.

To change CSS, you should always use your own CSS file.
The process for this varies depending on template but for YooTheme, you just add your changes to /template/css/custom.css

In Rockettheme, you create a new file in /templates/css and call it:
yourtemplatename-custom.css

Again this prevents on template updates overwriting your changes.

Thanks BodgeIT, the question was not how to create a template override but I am sure this information will help someone with some corrections though. The question was, where do I find the CSS in the first place. To which the answer is it is in the folder you linked to in your half-answer but not in a CSS file (essentially you are as lost as I was). Rather it is at the bottom of the index.php file.

While your attempt to answer the question is honorable it would be better if you knew the problem before hand. Not to mention there is one massive hole in your reply where you say to put the tmpl folder inside a folder called com_dtregister inside the templates html folder. The problem with that solution is it is not going to work. You need to complete the folder structure in the html folder so that Joomla knows that in this case the tmpl folder is for cpanel. So in this case it needs to go into the following location to work properly.

site root/templates/yourtemplate/html/com_dtregister/views/cpanel/

FYI: You are also incorrect about how to setup a custom CSS in Rocketheme. You create a css file in the template css folder and you are going to find it does not work as you describe. In the new templates you only need to include your override in the custom.css and in fact if I recall correctly that has been the correct way for a very long time. Also true for most any other template that is worth its salt. Plus you failed to tell me that I would also need to declare the name and location of this new css file to the template otherwise it is not even going to know it is there.

So in reality nothing you gave here is a solution to the problem and your attempt at providing a tutorial only sets as an example to others not to listen to just anyone when they need a solution to a problem. It is hard enough for those that do not understand how things work in Joomla (or web design for that matter) without someone that knows just enough to be dangerous trying to help but only serving to make it harder on them!!!

My suggestion to you is to take a few courses and learn how the Joomla template works and if you did not know that a custom.css file needs to be declared I recommend a basic html/css class as well.

Earthrat,

You need to complete the folder structure in the html folder so that Joomla knows that in this case the tmpl folder is for cpanel. So in this case it needs to go into the following location to work properly.

You missed my entry:

copy the /tmpl folder to your local system and rename it to /cpanel

So in this case it needs to go into the following location to work properly.
site root/templates/yourtemplate/html/com_dtregister/views/cpanel/

You do not need to have the /views folder in the structure for the override to work.
http://docs.joomla.org/How_to_override_ ... omla!_core

FYI: You are also incorrect about how to setup a custom CSS in Rocketheme. You create a css file in the template css folder and you are going to find it does not work as you describe.

Works just fine for me...maybe educate yourself by reading the "Gantry" section in this:
http://www.rockettheme.com/blog/coding/ ... th-lesscss

Plus you failed to tell me that I would also need to declare the name and location of this new css file to the template otherwise it is not even going to know it is there.

Not required with above RT method or YooTheme.

the question was not how to create a template override but I am sure this information will help someone with some corrections though. The question was, where do I find the CSS in the first place.

This is one of the only parts of your response that is accurate. And you're right. Point taken, I'll make sure I keep my eye on the question next time I offer support.

My suggestion to you is to take a few courses and learn how the Joomla template works and if you did not know that a custom.css file needs to be declared I recommend a basic html/css class as well.

Don't think I'll be following your advice given your lack of general knowledge and manners.

For starters Gantry SUCKS and I could care less what works in that bloated crap framework and to be honest I use my own framework! Second of all I am asking for help from the dev not a customer that is obviously delusional that they are some kind of Joomla expert. Stop contradicting yourself!

If you want to help someone go develop your own extension and open a support forum.