I am using YT Framework on Joomla2.5, I want to add new css file fot the template SJ+, but I could not find any documentation for the framework.
I have general understanding that, as the css will be builded every time I install any component or module, so in order to implement our custom css, I need to add my css in a specific file, but I am unable to find where to keep that file and with what name.
I have tried by adding a "custom.css" file in template's css folder.
For any template if you need to add your custome css code you need to first find index.php file in your template directory,
If you found html code in index.php then add your css code to index file using tag. or add
if you do not found html code in index.php file then you need to find component.php file in template root folder.
and follow the same thing as for index.php
After looking deeper into each of the css file I came to solution for loading of custom css for YT Framework templates.
Keep your custom css in a file named "your_css.css" file under the css folder of your template, this is the functionality of the YT frame work that after loading all the css files required by the template, it loads this css file at the end so that all the default and dynamic css will be overloaded with all the stylings you have written in your_css.css file
Related
i have the following folder structure
application
assets\
\css
\js
\images
i have all the bootstrap files in the assets folder - css files in the css folder, js files in js folder etc.
My question is this. I have a view that uses the bootstrap.css. I reference it by doing something like:
<script type="text/javascript" scr=<?php base_url()?>assets/css/bootstrap.css> </script>
it find the file just fine. but when i try to use the built in images in bootstrap, they don't display because the bootstrap css is expecting the images to be in
"../img/glyphicons-halfing.png"
But the physical path of the view is something like:
c:\wamp\www\myapp\views\templates\
I guess I could just copy the image folder into the views folder... or i can edit the css to point to the right location. But i just wanted to check to see how others are organizing their folders using codeigniter and bootstrap.
thanks.
It's looking in 'img' - You need to amend it to 'images'
"../images/glyphicons-halfing.png"
Glyphicons goes inside the "assets\font" folder.
Just in case, I'm using CodeIgniter 3.x and Xampp 5.6.x on xubuntu.
assets\
\css\
\js\
\images\
\fonts\
glyphicons-halflings-regular.eot
glyphicons-halflings-regular.woff2
Basically I have a module I installed, it is in the modules folders as well, but the css I need to change is in the media folder. How to I override this, do I use the HTML folder in my template folder somehow?
Probably the simplest way is to have a specific CSS file in your template, with selectors that override the standard module CSS. Unfortunately, Joomla doesn't have a standard way of checking for template versions of module or component CSS, in the way it does for view files.
Use the CSS hierarchy to have your override CSS rules loaded AFTER the default module CSS rules, and they will take precedence. Make sure your override CSS file is the last one loaded by the template.
How is the original CSS file loaded? Does the module load it in its template file or someplace else? If it is loaded in the template, just override the template file and change the lines that load that file. If it's not loaded in the template, it is probably loaded just before rendering the template. In this case, the solution is also to override the template and load your own css file which will contain rules to override the ones in the original file. In this case, unfortunately, the original file will be loaded in addition to your css file. It amounts to an extra http request but it's probably not a big deal.
I have implemented jqgrid within asp.net 3.5 vs2010. It is working fine as long as the asp.net page is onthe root folder, but when I move the page to a subfolder it tries to look for the js and css files with the foder under subfolder. The js and css files are in a folder under the root folder.
I am using the folowing code to reference to jquery files:
What it does is it appends the subfolder name to the path and the application is not able to find the js and css files. e.g /Scripts/jquery.jqGrid.js
How do I reference the js and css files under the html tag of asp.net page?
If you use developer version of jaGrid you have to modify the variable pathtojsfiles from the jquery.jqGrid.js depend on the path where you place jqGrid on your site.
I recommend you to include all files listed in jquery.jqGrid.js instead of using jquery.jqGrid.js. See this and this answers for more information.
In the how to install section of the jQuery Grid plugin, it is said:
Step 3: Under the myproject folder,
create two additional directories
named js and css
Are these names a suggestion or a strong restriction?
They are suggestions. You will specify the locations of the js file and the css files within your HTML.
I've just written joomla module. This is basic but working version of my moule.
I want to 'effectize' it, so i need to work with some css. Elements of my module has own classes so i can style it very easy. But where to put CSS?
I typically just create a css folder under my module's directory. You can then use this call to include your css from your module's php code:
JDocument::addStyleSheet
Yes but would still recommend to put CSS in a seperate folder as suggested by Will Mavis as it is the right professional approach.
The assets for your Joomla extension should be put in the /media folder.
Eg:
For a module called mod_supermodule, put the files in:
/media/mod_supermodule/css
/media/mod_supermodule/images
/media/mod_supermodule/js