Custom CSS
Astroid Framework allows you to add custom CSS to your Joomla template easily. This is useful for making quick style changes without editing the core template files.
How to Add Custom CSS
- Log in to your Joomla Administrator Panel.
- Go to:
System
→Site Templates
→Templates (Site)
. - Click on the Astroid template you are using.
- Click the “Template Options” button.
- Go to the
Custom Code
tab. - Scroll down to the
Custom CSS
section. - Paste your custom CSS code into the provided textarea.
- Click the
Save
button to apply your changes.
Custom CSS Files
You can create custom.css file and add it to your template. This file will be loaded automatically by Astroid Framework.
To create a custom.css file:
- Go to your Joomla template directory:
/templates/your_template_name/css/
or/media/templates/site/your_template_name/css
. - Create a new file named
custom.css
. - Add your custom CSS styles to this file.
- Save the file.
- The custom CSS will be automatically loaded by the Astroid Framework.
You can also add custom CSS files to your template options.
- To do this, go to the
Custom Code
tab in your template options and scroll down to theCustom CSS Files
section. - Here, you can specify additional CSS files that you want to include in your template.
- You can add the file paths of your custom CSS files, one per line. You can use either a full URL or a path relative to the Joomla root directory. For example:
custom.css
https://www.example.com/css/custom.css
/media/templates/site/your_template_name/css/custom.css
/templates/your_template_name/css/custom.css