0
Welcome Guest! Login
0 items Join Now

SOLVED modify less file in afterburner2?

Last Post
Search Topic

  • SOLVED modify less file in afterburner2?

    Posted 11 years 9 months ago
    • Is it possible to change the hex value for "topbackground" in "css/rt_afterburner2-custom.css?"

      Or do I have to edit "less/header-dark.less" to make that change?
    #995161
    • Who?'s Avatar
    • Who?
    • Preeminent Rocketeer
    • Posts: 25562
    • Thanks: 613
    • Joomla freelancer

    Re: SOLVED modify less file in afterburner2?

    Posted 11 years 9 months ago
    • Take a tip from me, forget about the fact the LESS is the source of the styling - as you are aware the LESS get compiled into CSS and it is this that you actually see in Firebug. Don't worry about where it came from, instead simply create a CSS statement that will override what you want to change. You do this by copying the elements of the styling your need from firebug and then adding a little more CSS specificity (google CSS specificity to find out how) to make your statements a little "heavier" than those in the compiled CSS (this will force the override). Obviously your statements should be put in a custom CSS file.

      This is how to create a custom CSS compatible with Gantry 4...

      Simply create a file called "<TEMPLATENAME>-custom.css" and put this file in the CSS folder of the template (where <TEMPLATENAME> is the name of the template e.g. rt_fracture). GANTRY4 will automatically load this CSS file. If you wish, you can also have browser specific files by appending, for example, "-ie9" making the filename "<TEMPLATENAME>-custom-ie9.css"
    • Check my services at: Mihha-Vision
    #995246

  • Re: SOLVED modify less file in afterburner2?

    Posted 11 years 9 months ago
    • Thanks. I understand now. :)

      t
    #995271

  • Re: SOLVED modify less file in afterburner2?

    Posted 11 years 9 months ago
    • Perhaps this will help someone, I had a little problem figuring out the actual name of the Afterburner2 template (yeah, I know, I know).

      To tweak the CSS in Afterburner2 (Joomla 2.5), create a custom CSS file called rt_afterburner2-custom.css and put it in directory /www/templates/rt_afterburner2/css.
    #996689

Time to create page: 0.065 seconds