0
Welcome Guest! Login
0 items Join Now

template-custom.less support

Last Post
Search Topic

  • template-custom.less support

    Posted 11 years 5 months ago
    • Hi,
      I've created a separate file (template-custom.less) in order to override certain styles from template.less but for some reason it will not work.

      Is RocketTheme still supporting this custom override on Gantry 4.1.18 for Joomla or is there an issue that keeps me from using it?

      For example I wanted to disable the bullets showing up on a menu
      li {
      margin-bottom: 8px;
      a, .item, .separator {
      display: block;
      font-size: 1.1em;
      font-weight: bold;
      }
      a:before, .item:before, .separator:before {
      content: "\2022";
      font-family: FontAwesome;
      margin-right: 10px;
      display: inline;
      vertical-align: middle;
      font-size: 1.6em;
      font-weight: normal;
      }
      }

      and I created a separate custom file for template.less and named it template-custom.less
      I then edited the line - content: "\2022"; and changed it to content: " ";

      Normally that should have removed the bullets from the menu, but the custom file did not override the original one, so there was no change.

      On the other hand, if I implement this change on template.less directly it works, but then on the next Gantry upgrade I'll lose all my changes.

      Any feedback would be appreciated.
      Thank you
    • Last Edit: 11 years 5 months ago by Anastasios Dionysiou.
    #1037016
    • Henning's Avatar
    • Henning
    • Preeminent Rocketeer
    • Posts: 29362
    • Thanks: 954
    • Volunteer

    Re: template-custom.less support

    Posted 11 years 5 months ago
    • That has not changed and if does not work its because the selector is wrong or specificity is not high enough. You can switch on the debug header option for Less in the advanced settings of the template. It will produce a list of the compiled files at the top of the compiled css.
    #1037019

  • Re: template-custom.less support

    Posted 11 years 5 months ago
    • Hi Henning!
      Good to see you.

      Thank you so much for your instant reply.

      I'll check it out.

      Have a great evening
      Tom D.
    #1037021
    • Henning's Avatar
    • Henning
    • Preeminent Rocketeer
    • Posts: 29362
    • Thanks: 954
    • Volunteer

    Re: template-custom.less support

    Posted 11 years 5 months ago
    • btw. just for your info this is the compiled CSS from your LESS code

      li {
      margin-bottom: 8px;
      }
      li a,
      li .item,
      li .separator {
      display: block;
      font-size: 1.1em;
      font-weight: bold;
      }
      li a:before,
      li .item:before,
      li .separator:before {
      content: "\2022";
      font-family: FontAwesome;
      margin-right: 10px;
      display: inline;
      vertical-align: middle;
      font-size: 1.6em;
      font-weight: normal;
      }
    #1037022

Time to create page: 0.075 seconds