0
Welcome Guest! Login
0 items Join Now

Tutorial - How to Add Custom CSS File

    • Henning's Avatar
    • Henning
    • Preeminent Rocketeer
    • Posts: 29362
    • Thanks: 954
    • Volunteer

    Re: Tutorial - How to Add Custom CSS File

    Posted 13 years 1 week ago
    • What Arifin wrote is 100% the same in Joomla 1.6.
      You can use his mycustomstyle.zip ...
    • Tim2006's Avatar
    • Tim2006
    • Hero Rocketeer
    • Posts: 282
    • Thanks: 0

    Re: Tutorial - How to Add Custom CSS File

    Posted 13 years 1 week ago
    • Hi Henning,

      I just can't get that method to work. And looking at a couple of posts above and another thread elsewhere on the forum it seems like I am not alone.

      I downloaded the zip file from Arifin.

      I have placed the file 'mycustomstyle.php' into <my joomla root>/templates/rt_tachyon_j16/features/
      I have placed the file 'mycustomstyle.css' into <my joomla root>templates/rt_tachyon_j16/css/ with my styling but it is not loading the css.

      I have cleared the browser cache. Turned off all gzips, gantry zip, cache, system cache and cleared the Joomla cache for good measure.

      Just for my understanding - does Gantry just action all php files in the 'features' folder without me having to specify or tell it that I have added a file?

      Thanks
    • Henning's Avatar
    • Henning
    • Preeminent Rocketeer
    • Posts: 29362
    • Thanks: 954
    • Volunteer

    Re: Tutorial - How to Add Custom CSS File

    Posted 13 years 1 week ago
    • check rights for those files ...
      It worked for me.
      Just for my understanding - does Gantry just action all php files in the 'features' folder without me having to specify or tell it that I have added a file?
      yes ...
    • Henning's Avatar
    • Henning
    • Preeminent Rocketeer
    • Posts: 29362
    • Thanks: 954
    • Volunteer

    Re: Tutorial - How to Add Custom CSS File

    Posted 13 years 1 week ago
    • See screenshot
    • Tim2006's Avatar
    • Tim2006
    • Hero Rocketeer
    • Posts: 282
    • Thanks: 0

    Re: Tutorial - How to Add Custom CSS File

    Posted 13 years 1 week ago
    • Hi,

      I can't change permissions on my localhost as I'm running Xampp on a Windows box. My understanding is that all files are already set to an equivalent of 777? I can ftp to my localhost but get the 504 error when trying to change permissions.

      The only thing I can think is to upload to a live server and see if that works.

      I'll let you know.

      Thanks
    • Tim2006's Avatar
    • Tim2006
    • Hero Rocketeer
    • Posts: 282
    • Thanks: 0

    Re: Tutorial - How to Add Custom CSS File

    Posted 13 years 1 week ago
    • Hi,

      In case anyone else has this issue and for future referenece - this seems to work when uploaded to my shared hosting linux box. It will not work on my localhost xampp box. Whether this is a Windows issue or something else I do not know.

      But I placed the same files in the same locations and it is now working.

      Thanks for the help.
    • jwwicks's Avatar
    • jwwicks
    • Rocketeer
    • Posts: 80
    • Thanks: 4
    • Developer II

    Re: Tutorial - How to Add Custom CSS File

    Posted 12 years 11 months ago
    • Definitely a Windows issue. Henning's screen looks like he's on a Mac and I've been able to recreate this problem on two separate Windows machines on LocalHost.

      Jw
    • A person who never made a mistake never tried anything new. - Albert Einstein

      Joomla 3.x, Gantry 5.x
      WordPress 4.x, Gantry 5.x
      Drupal 8.x
  • Re: Tutorial - How to Add Custom CSS File

    Posted 12 years 8 months ago
    • Hi,

      I just needed some help with the correct way to use the custom style sheet. I added the php and css file to the folders you specified. I turned off Zipper and Cache.

      I am trying to add a color (eventually a css gradient) to the nav bar so I used this code in the custom style sheet to test it. I just wanted to change it to black real quick to see if it would work.

      #rt-menu .rt-container{
      background: none repeat scroll 0 0 #000;
      }

      174.120.61.9/~overhead/

      But nothing happens...Not sure what I am missing.

      Thanks for your help!
    • Henning's Avatar
    • Henning
    • Preeminent Rocketeer
    • Posts: 29362
    • Thanks: 954
    • Volunteer

    Re: Tutorial - How to Add Custom CSS File

    Posted 12 years 8 months ago
    • just change your line to

      div#rt-menu .rt-container{
      background: none repeat scroll 0 0 #000;
      }

      everything else is ok. You just need to add more css specificity ...
  • Re: Tutorial - How to Add Custom CSS File

    Posted 12 years 8 months ago
    • Ahh ok thank you so much!

Time to create page: 0.088 seconds