0
Welcome Guest! Login
0 items Join Now

Less and Editor...new Rocket Theme member

Last Post
Search Topic

  • Less and Editor...new Rocket Theme member

    Posted 12 years 6 months ago
    • Im diving into Less as I read this is the best route to take to in the long run get things done faster, true?

      Im a new member, so far Im impressed with everything however the editor intimidates me...currently i use tiny thing and dreamweaver to do what i need to do mostly to my custom.css, entering text, and photos and calling up modules or something....

      I edit the custom.css for anything and not the template.css (from my understanding this creates less of a headache when updating)....

      any advice on more topics to look into in addition to less and the rock editor...im an Adobe suite guy with moderate html css mysql and php knowledge...not enough to start with a blank page but understand what im looking at and what its doing and how to manipulate (some things take longer i have to back track with google chrome inspect element and firebug...sometimes taking long to find the proper # of . add to my custom.css .

      Thank you...newbie
    #883666
    • Who?'s Avatar
    • Who?
    • Preeminent Rocketeer
    • Posts: 25562
    • Thanks: 613
    • Joomla freelancer

    Re: Less and Editor...new Rocket Theme member

    Posted 12 years 6 months ago
    • As GANTRY4 now incorporates LESS. There are two recommended methods for dealing with your custom changes to the template. Unless you specifically want to use LESS then you should USE ITEM 1 below.
        1. For older templates (pre FRACTURE
      LESS compiler is not active), or for those of you that want to stick with traditional CSS, you can 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. you can also have browser specific files by appending, for example, "-ie9" making the filename "<TEMPLATENAME>-custom-ie9.css"
        2. For those of you that want to use the power of
      LESS (compiled CSS), you can simply create a file called "template-custom.less" (that is the file name - don't change it) and put this file in the less folder of the template. Now clear your cache! GANTRY4 will automatically detect this file and automatically compile the LESS code therein and put it into the compiled css for your site (along with the other compiled LESS files from the template). Note that you can just put ordinary CSS in a LESS file but you are strongly encouraged to learn more about LESS as it will speed up your development and make it clearer.

      Do not change the CSS files in the compiled-css folder as these changes will be lost whenever Gantry 4 detects a change in a LESS file, or the cache gets cleared.

      For more information on LESS please see the documentation on Gantry 4 at http://www.gantry-framework.org . Also, see this tutorial http://www.rockettheme.com/forum/index.php?f=662&p=860738&rb_v=viewtopic#p860738 .
    • Check my services at: Mihha-Vision
    #883864

Time to create page: 0.053 seconds