Joomla Templates Club 406,261 posts

[charles99 Friend charles99Join date: December 2008Posts: 314Downloads:207Uploads:17 Thanks: 8 Thanked: 50 times in 6 posts]

#193411

I would like to know where is the custom.css or override.css file? I have read a couple of post but he response was way off the mark and to ask people to keep notes of the changes they make is outdated because no-one every keep notes of every change or edit they make…But we use our Custom.css or Override.css as our blueprint for the things we change!

I would like to make a number of edit but can’t find a custom.css or override.css file? Also can we simply make one?

It would be nice to know…

[cssyeah Moderator cssyeahJoin date: June 2006Posts: 653Downloads:73Uploads:15 Thanked: 121 times in 81 posts]

#517167

Hi charles99,

The T3 framework has supported override style, you can do it very easy. Firstly, you create a file named custom.css and paste all your css style you want to override into this new file. After that you copy (or upload) that file to the “[your_root]/templates/ja_obelisk/css” folder. The T3 core will load that file automatically.

Regards

[costabreeze Friend costabreezeJoin date: May 2013Posts: 29Downloads:0Uploads:7 Thanks: 11 Thanked: 5 times in 1 posts]

#517168

yes you can make custom.css in /template folder/css/

[wolfix Friend wolfixJoin date: March 2007Posts: 75Downloads:8Uploads:3 Thanks: 21 Thanked: 6 times in 2 posts]

#519305

I created custom.css but the code doesn’t take precedence over the original code in template.css.

I have to delete the code in tempalate.css for the code in custom.css to work.

How to I get custom.css to over-ride all other css files so if I update the template my custom file over-rides all other css files?

Thanks!

[charles99 Friend charles99Join date: December 2008Posts: 314Downloads:207Uploads:17 Thanks: 8 Thanked: 50 times in 6 posts]

#519369

whatever change you want to make should go in your custom.css file. And yes if you put it in your template.css file, it will get overwritten when you update the template. You shouldn’t have to place changes in both files. Because the custom.css will over ride whats in your template.css file.

You can also add !important to the end of your changes…

Background: #000 !important;
width: 250px !important;

But don’t get carried away with using !important…

[Author]

Posts