0
Welcome Guest! Login
0 items Join Now

Tutorial - How to Add Custom CSS File

    • ismadman's Avatar
    • ismadman
    • Sr. Rocketeer
    • Posts: 186
    • Thanks: 3

    Re: Tutorial - How to Add Custom CSS File

    Posted 7 years 5 months ago
    • Panacea as I know doesn't use the direct "template_name"-custom.css file ( correct me if im wrong )
      You would need to add your css the old way as far as i know www.rockettheme.com/magazine/dec-2011/13...cket-theme-templates
      PS I could be full of $%#^ .
      Maybe try renaming your css file to rt_panacea-custom.css
      instead of rt-panacea-custom.css
      Remember to clear all caches
    • Why isn't beer free ?
      I OWE DanG : 4
      This image is hidden for guests.
      Please log in or register to see it.

      *Payable when it reaches 24
  • Re: Tutorial - How to Add Custom CSS File

    Posted 7 years 5 months ago
    • ismadman wrote:
      Panacea as I know doesn't use the direct "template_name"-custom.css file ( correct me if im wrong )
      You would need to add your css the old way as far as i know www.rockettheme.com/magazine/dec-2011/13...cket-theme-templates
      PS I could be full of $%#^ .
      Maybe try renaming your css file to rt_panacea-custom.css
      instead of rt-panacea-custom.css
      Remember to clear all caches
      ismadman, youredaman!
      chaning from rt-panacea to rt_panacea did the trick...

      This feature has been stated as a Gantry4 thing...so it should work with all templates that partner with Gantry4, shouldn't it?
    • You can call me George
      J2.5.8, Panacea v1.6.6 - www.eks-ik.eu
      J2.5.8, Syndicate 1.6.5
    • ismadman's Avatar
    • ismadman
    • Sr. Rocketeer
    • Posts: 186
    • Thanks: 3

    Re: Tutorial - How to Add Custom CSS File

    Posted 7 years 5 months ago
    • Actually i'm not sure but i thought Panacea wasn't set for it . Glad i Could help :D
    • Why isn't beer free ?
      I OWE DanG : 4
      This image is hidden for guests.
      Please log in or register to see it.

      *Payable when it reaches 24
    • Henning's Avatar
    • Henning
    • Preeminent Rocketeer
    • Posts: 29361
    • Thanks: 954
    • Volunteer

    Re: Tutorial - How to Add Custom CSS File

    Posted 7 years 5 months ago
    • ... looking a templateDeatails.xml is a good idea:

      <name>rt_panacea</name>
  • Re: Tutorial - How to Add Custom CSS File

    Posted 7 years 5 months ago
    • It would be nice if this Gantry4 feature were more readily available...i.e. if the file were available from the start and the user could add code to it, either through the style options, or through the editing of template css files in the template files, also from the backend...

      Sounds feasible at all?
    • You can call me George
      J2.5.8, Panacea v1.6.6 - www.eks-ik.eu
      J2.5.8, Syndicate 1.6.5
    • fendt's Avatar
    • fendt
    • Newbie
    • Posts: 3
    • Thanks: 0

    Re: Tutorial - How to Add Custom CSS File

    Posted 7 years 4 months ago
    • Hi,

      I have another question on the side: How do I include a javascript into the template, using Gantry 4?
      Also JQuery Libraries from Google?

      Thank you in advance!

      Br, Fendt
  • Re: Tutorial - How to Add Custom CSS File

    Posted 7 years 3 months ago
    • In page 1 of this question it relays that when using the mucustomstyle.zip method to use the variables; #rt-showcase & #rt-variation.

      What are all the #rt-??? available and which ones apply to what .css changes?

      I'm not a developer, so please excuse my ignorance.

      Kind regards
      Dave.
    • prim's Avatar
    • prim
    • Preeminent Rocketeer
    • Posts: 17290
    • Thanks: 216

    Re: Tutorial - How to Add Custom CSS File

    Posted 7 years 3 months ago
    • fendt wrote:
      Hi,

      I have another question on the side: How do I include a javascript into the template, using Gantry 4?
      Also JQuery Libraries from Google?

      Thank you in advance!

      Br, Fendt

      Please start a new thread for this. Also, i'm sure you can find a forum post about adding JS to Gantry somewhere. If it's only for a module i think you can just paste the code from Google into the module.
    • 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
    • prim's Avatar
    • prim
    • Preeminent Rocketeer
    • Posts: 17290
    • Thanks: 216

    Re: Tutorial - How to Add Custom CSS File

    Posted 7 years 3 months ago
    • David Gordon wrote:
      In page 1 of this question it relays that when using the mucustomstyle.zip method to use the variables; #rt-showcase & #rt-variation.

      What are all the #rt-??? available and which ones apply to what .css changes?

      I'm not a developer, so please excuse my ignorance.

      Kind regards
      Dave.

      Please renew your account so we can answer your question :)
    • 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 7 years 3 months ago
    • Hi there,

      I have this procedure applied in several websites we run but on graffito template isn't working at all.
      I added css file in /template_root/css and php file in /features/. I then modified index.php adding a new style like this:
      $gantry->addStyle('grid-responsive.css', 'rt_graffito-custom.css', 5);

      Cleared caches, disable gantry cache etc..and nothing.

      The custom CSS code I'm trying to make work is:
      #rt-bg .main-bg-purple {
      background-image: url(../images/backgrounds/purple/top-bg-texture.jpg);
      background-color: #007749 !important;
      }

      I just changed the bg color.

      Any idea why it is not working?

      Thanks guys.

Time to create page: 0.101 seconds