Tutorial - How to Add Custom CSS File
-
-
- joomlajohn
- Rocketeer
- Posts: 98
- Thanks: 1
- Thank you Mr. Samii. That did the trick.
-
-
-
- Dan Walker
- Elite Rocketeer
- Posts: 529
- Thanks: 21
- Designer/Developer
-
I switched to the Gantry 4 custom css file and tried to delete mycustomstyle.php from the features folder. I get a 500 server error and the error log shows
[22-Jun-2013 13:01:22 America/Chicago] PHP Fatal error: Call to a member function isEnabled() on a non-object in /home/customte/public_html/libraries/gantry/core/gantry.class.php on line 414
Very strange. Any idea why the feature can't be deleted? - Dan Walker - Web Designer & Developer @ Top Webs Network
Custom Joomla & Wordpress Websites
-
-
-
- Chris McAniff
- Newbie
- Posts: 2
- Thanks: 0
-
Hi there, i'm using Anacron template and I followed your steps on how to add custom css and custom php in the template. But when i'm trying to add my css codes this is not working. Could you help me to figure out what is the problem?
I appreciate your help in advance! - Last Edit: 10 years 8 months ago by Chris McAniff.
-
-
-
- Henning
- Preeminent Rocketeer
- Posts: 29362
- Thanks: 954
- Volunteer
-
... if you want to add a custom css file in anacron you just need to add a file called rt_anacron-custom.css in the css folder of your template.
See also
www.gantry-framework.org/documentation/j...custom_stylesheet.md
But probably your rules are just missing css specificity
coding.smashingmagazine.com/2007/07/27/c...ngs-you-should-know/
css-tricks.com/specifics-on-css-specificity/
-
-
-
- Jan
- Sr. Rocketeer
- Posts: 192
- Thanks: 0
-
I use GantryFarmework. I want to get a colored background on my menu (sitebar-a).
I have followed the below, but do not think I can get it to work.
1 . Download the below attached file and extract it to your desktop
File Attachment:
File Name: mycustomstyle.zip
File Size: 1 KB
Second Put mycustomstyle.php this directory:
<Joomla Root> / templates / <Your Template Name> / functions /
3rd Put mycustomstyle.css this directory:
<Joomla Root> / templates / <Your Template Name> / css /
4 . Add your custom CSS codes in mycustomstyle.css as you want.
What am I doing wrong.
---JanH
-
-
-
- Henning
- Preeminent Rocketeer
- Posts: 29362
- Thanks: 954
- Volunteer
-
1. this tutorial is a little out of date
All you need to do now is to add a file called gantry-custom.css in the css folder of your template
2. wWat you did is already working but your css is not valid..
.#rt-sidebar-a rt-block {
margin: 10px;
padding: 15px;
position: relative;
background: #e4d67d;
}
is wrong. Try this
#rt-sidebar-a rt-block {
margin: 10px;
padding: 15px;
position: relative;
background: #e4d67d;
} -
The following users have thanked you: Jan
-
-
-
- Tom Jenkins
- Newbie
- Posts: 4
- Thanks: 0
-
Server Details (Linux/Windows, Hosting service, etc) localhost on a mac PHP version 5 5 10 Platform (name and version) Joomla 3.3.0 Template/Extension (name and version) Anacron 1.1 Link to the Issue _replace_here_
I am new to the forum and do not know the process. Problem: trying to reduce height of Drawer. Placed Gantry-Custom.css in
template directory in CSS folder with code shown in attached file. Using Firebug Gantry-custom.css is not in css list.
-
-
-
- prim
- Preeminent Rocketeer
- Posts: 17290
- Thanks: 217
- Tom: Can you provide a link to your site?
- Please reply with a direct link to the issue & create a new thread for each new issue.
A template is only as good as the content that goes into it
- DanG
-
-
-
- Tom Jenkins
- Newbie
- Posts: 4
- Thanks: 0
- This is a localhost o site on my mac that I am building for my busness. If necessary I can send fire bug screen captures or screen captures of page source code.
-
Time to create page: 0.095 seconds