0
Welcome Guest! Login
0 items Join Now

Tutorial - How to Add Custom CSS File

    • Ali Samii's Avatar
    • Ali Samii
    • Elite Rocketeer
    • Posts: 629
    • Thanks: 2

    Re: Tutorial - How to Add Custom CSS File

    Posted 6 years 11 months ago
    • Add this to your custom css
      #rt-header {
           background-image: none !important;
           background: #000;
      }
    • Thank you.

      Ali Samii
  • Re: Tutorial - How to Add Custom CSS File

    Posted 6 years 11 months ago
    • Thank you Mr. Samii. That did the trick.
    • Dan Walker's Avatar
    • Dan Walker
    • Hero Rocketeer
    • Posts: 498
    • Thanks: 14
    • Designer/Developer

    Re: Tutorial - How to Add Custom CSS File

    Posted 6 years 9 months ago
    • 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
  • Re: Tutorial - How to Add Custom CSS File

    Posted 6 years 4 weeks ago
    • 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: 6 years 4 weeks ago by Chris McAniff.
    • Henning's Avatar
    • Henning
    • Preeminent Rocketeer
    • Posts: 29361
    • Thanks: 954
    • Volunteer

    Re: Tutorial - How to Add Custom CSS File

    Posted 6 years 4 weeks ago
    • Jan's Avatar
    • Jan
    • Sr. Rocketeer
    • Posts: 134
    • Thanks: 0

    Re: Tutorial - How to Add Custom CSS File

    Posted 5 years 11 months ago
    • 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's Avatar
    • Henning
    • Preeminent Rocketeer
    • Posts: 29361
    • Thanks: 954
    • Volunteer

    Re: Tutorial - How to Add Custom CSS File

    Posted 5 years 11 months ago
    • 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

  • Re: Tutorial - How to Add Custom CSS File

    Posted 5 years 9 months ago
    • Server Details (Linux/Windows, Hosting service, etc)localhost on a mac
      PHP version5 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's Avatar
    • prim
    • Preeminent Rocketeer
    • Posts: 17290
    • Thanks: 216

    Re: Tutorial - How to Add Custom CSS File

    Posted 5 years 9 months ago
    • 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
  • Re: Tutorial - How to Add Custom CSS File

    Posted 5 years 9 months ago
    • 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.134 seconds