0
Welcome Guest! Login
0 items Join Now

Loading gantry core css when there is an over-ride

  • Loading gantry core css when there is an over-ride

    Posted 13 years 11 months ago
    • Hi, I'm currently messing around with the template included with Gantry 2.5.5

      I have copied over /components/com_gantry/css/gantry.css and grid-12.css to /templates/rt_gantry_j15/css/gantry.css and grid-12.css

      I did not have to add these css files anywhere in the template, Gantry picked them up, I am assuming as an over-ride to core Gantry.

      However, the template is loading all 4 css files.

      /components/com_gantry/css/gantry.css
      /components/com_gantry/css/grid-12.css
      /templates/rt_gantry_j15/css/gantry.css
      /templates/rt_gantry_j15/css/grid-12.css

      This not only has the potential to cause conflicts, but also adds unnecessary CSS to the page.

      How do we stop the template from loading both versions? It shouldn't load Gantry core at all, because there is an over-ride.
    • Andy Miller's Avatar
    • Andy Miller
    • Preeminent Rocketeer
    • Posts: 9919
    • Thanks: 96
    • Web Kahuna

    Re: Loading gantry core css when there is an over-ride

    Posted 13 years 11 months ago
    • the intention is not that you override these 'core' files, rather you modify them by providing 'changes' only in the override files.
    • depika's Avatar
    • depika
    • Rocketeer
    • Posts: 73
    • Thanks: 0

    Re: Loading gantry core css when there is an over-ride

    Posted 13 years 10 months ago
    • Yes but sometimes the overrides don't seem to work !!!

      I am trying to add a background image to body but it gets override!!

      I want to add this
      body {background: #e5e5e5 url(../images/background.jpg); background-repeat:no-repeat; background-position:top center;}

      but I cannot seem to manage. It gets override.

      depika.biz/various/gantry/

      I would appreciate your help
  • Re: Loading gantry core css when there is an over-ride

    Posted 13 years 10 months ago
    • Hi Depika,

      Add this at end of template.css file:
      body.cssstyle-style4 {background: #e5e5e5 url(../images/background.jpg); background-repeat:no-repeat; background-position:top center;}

      It wont be overridden, probably :)
    • Quick tips::
      1) Clear your browser cache if changes dont reflect
      2) Provide link to your site to help us help you better
      3) Use in firebug
      Tutorial-- http://www.rockettheme.com/blog/team/255-tools-firebug

      softlogique.com
    • depika's Avatar
    • depika
    • Rocketeer
    • Posts: 73
    • Thanks: 0

    Re: Loading gantry core css when there is an over-ride

    Posted 13 years 10 months ago
    • Thanks for the reply :-)

      I am making progress. Eventually, I would stop bugging you :-)

Time to create page: 0.043 seconds