[SOLVED] CSS Styling to Fields (Registration etc)

Had to step away for minute but I'm back at it.

And yes, absolutely... it would be highly advantageous to add css class to fields' container, depending upon what you're doing. I completely overlooked the limitations of IDs. This can be a valuable option. I also see the logic in creating a template override, as aside from losing changes on upgrade it's just good protocol, and it's usually best practice to maintain a practice of good protocol. (This particular instance may not matter much, but I think it will pay off tremendously as we move forward.)

TEMPLATE OVERRIDES

I'm familiar with the standard practice of simply copying the file (in this case bootstrap.css) to the html folder of the designated template in the templates folder.

In this case htdocs/templates/protostar/html......(com_profiler/plugin/templates/default)

However after refreshing the revised adjustments did not take place

I also tried saving to the CSS instead of the html folder.

There were a few other approaches I took as well, but to make a long story short, I could not get the changes to take. Just to let you know, one approach I thought for sure would work was to copy and rename the default folder, make adjustments and then simply choose it in the User Profile of CB Configuration, but the option of choosing it did not even appear.

So help me out here: what am I missing? This should not be hard. This should be pretty well straight forward. Is there something special for creating overrides in CB2? Is there some extenuating process I am not familiar with? What's the standard method for overrides in CB2? What are we missing?

Thanks
Magic

Also, just to let you know the example tmpl works fine, but it looks like I'll still need to modify the current default template (copy-rename-etc) in order to create an override that will effect the changes I'm looking to make. I think this will be the best route to go as I'm pretty sure the html template folder is only designed to override php files. (My initial hesitation). The biggest hurdle thus far, however, is getting the modified plugin installed. Renaming the folder and file names doesn't seem to do the trick... any direction regarding this?

Thanks
Magic

You need to be using override.css as supplied in the override template. It's always loaded last. So if you use 1:1 same selectors as default template files it will override the styling. If you use weaker selectors then it won't. This is just standard CSS behavior. Your selector needs to be equal to or stronger than what you're trying to override. Example as follows.

Class:
.cb_template .my-class

Override Weak:
.my-class

In the above case the override will not replace existing styles of the current class. You will only be able to add new styles (e.g. a style not in the original class). Now if you use the following it'll work fine.

Override Same:
.cb_template .my-class

Override Strong:
.cb_template .parent-class .my-class

See the below on how to make an override template.

www.joomlapolis.com/forum/6-news-and-publicity/227459-cb-203-template-css-overrides

You can also use it as a starting point to make your own template. Each template file can basically be overridden individually (e.g. copy template.css, change it, and only that will override default).

Thanks Kyle,

made precise adjustments easily and accurately.
Magic