Tutorial Styling Skeleton template with LESS CSS

Discussion in 'Subrion CMS Templates' started by Gleb S., Sep 23, 2013.

  1. Gleb_S.

    Gleb_S. Subrion Designer Staff Member

    You are welcome @Pylo! Ask in case you have any questions.
  2. Greg

    Greg Super Moderator

  3. Gleb_S.

    Gleb_S. Subrion Designer Staff Member

    Hi @Greg !

    In latest Subrion version (4.0.5) we have Kickstart template. The only thing that changed is:
    1. Drop whole template folder to Prepros.
    2. The main file is iabootstrap.less - it will automagically point to css/iabootstrap.css

    Tha is it. Basically there were no big changes.. just paths..
    ricmetal and Greg like this.
  4. Greg

    Greg Super Moderator

    OK Thanks

    But can we use another template? Drop the whole template folder in and not just the less folder?
    I just wanted to be clear. ;)
  5. Gleb_S.

    Gleb_S. Subrion Designer Staff Member

    Yes, any template will do.
    Our templates only differ in visual styles. The structure is always the same.
    ricmetal likes this.
  6. Greg

    Greg Super Moderator

    OK Thanks
  7. Pylo

    Pylo New Member

    "
    In latest Subrion version (4.0.5) we have Kickstart template. The only thing that changed is:
    1. Drop whole template folder to Prepros.
    2. The main file is iabootstrap.less - it will automagically point to css/iabootstrap.css

    "

    Am I missing something here, Im using Kickstart and do not have any "iabootstrap.less" only "base.less" ?

    thnx
  8. Greg

    Greg Super Moderator

    If your missing something, so am I. I don't see it either.
  9. Andrew_G.

    Andrew_G. Staff Member

    Hi @Pylo and @Greg ,

    At this moment the main LESS file is base.less. So after dropping the whole template folder to Prepros you need to reassign this file to be compiled to the ../css/iabootstrap.css file (as it will automatically be compiled to the ../css/base.css file).

    Starting from 4.0.6 version of the Subrion CMS we'll rename base.less file to iabootstrap.less file so you'll not need to reassign this file in Prepros.

    Hope for your understanding.

    Please ask in case you have any further questions.
  10. Gleb_S.

    Gleb_S. Subrion Designer Staff Member

  11. Pylo

    Pylo New Member

    Does this mean that the total number of "Bootstrap" columns is 8.
    So when changing width of columns in section, one should keep it to maximum 8 instead of 12 in previous version (inside "install.xml")?

    Inside "install.xml" and whitin "section", I normally use a combo of 2, 7 and 3,
    when instaling updated version of kickstart this did not work anymore?


    thnx
    Last edited: Aug 2, 2016
  12. Andrew_G.

    Andrew_G. Staff Member

    Greetings @Pylo ,
    No, total number of Bootstrap columns is 12 as in previous versions.
    It should work. If it doesn not please submit a ticket in our HelpDesk system and me or my colleagues will try to help you asap.

    Thanks!
  13. Pylo

    Pylo New Member

    Actually the problem was me, I forgot to change "fixed" to "width" inside "install.xml".

    "
    <position fixed="4">left</position>
    <position width="4">center</position>
    <position fixed="4">right</position>
    "

    "
    <position width="4">left</position>
    <position width="4">center</position>
    <position width="4">right</position>
    "

    :)
    Last edited: Aug 3, 2016
  14. Pylo

    Pylo New Member

    Assuming that one has Sub installed locally on xampp,
    after putting whole template folder into Prepros and compile some less files,
    Is ok to just move template folder to live server with all recompiled less files?


    thnx
  15. Gleb_S.

    Gleb_S. Subrion Designer Staff Member

    Hi @Pylo!

    Yes, it is totally ok. Main files for server will be CSS files.
    LESS files are only required for development.

    Thanks!
  16. ricmetal

    ricmetal New Member

    can you tell me what the files are for, contained in each folder?
    there's files in the less folder, but also in the subfolders of the less folder
    like bootstrap folder, what are those files gonna style? intelli folder? mixin folder? thirdparty folder?
    like there's an alerts.less file in bootstrap folder AND in mixins folder.

    also, are any of the templates for sale (and free) on the subrion page, made by anyone other than intelliants? is it too hard to make a template?

    edit: like im editing the kickstart template and some vars for the template are found in the base less folder .less files, others are found inside the bootstrap folder, inside the less folder. why?
    Last edited: May 9, 2018
  17. jamesjenny

    jamesjenny New Member

Share This Page