New Color Category 2

Forums    Joomla Templates Club    JA Magz II    New Color Category 2
Viewing 15 posts - 1 through 15 (of 15 total)
  • Author
    Posts
  • moska007 Friend
    January 6, 2016 at 12:43 am #839570

    Please apologize, but I can not post a question on the topic (New Color Category) it is closed.
    Then I created another topic. Again forgive me.

    I created a new color category called (Cat Gray). Located in: my_site/templates/ja_magz_ii/less/style.less

    // Cat Gray
// --------
.cat-gray {
  .t3-header {
    background: @gray;
    border-bottom-color: @gray;

    .headright .head-search,
    .languageswitcherload {
      border-left-color: rgba(255,255,255,0.2);

      .fa, .fa:before {
        color: @white;
      }
    }

    .headright .head-social .social-list li a {
      color: @white;
    }
  }

  .search-open .t3-header .headright .head-search .fa-search:hover:before, 
  .search-open .t3-header .headright .head-search .fa-search:hover:after {
    background-color: @white;
  }

  .off-canvas-toggle,
  .off-canvas-toggle:focus, 
  .off-canvas-toggle:active,
  .off-canvas-toggle:hover {
    background: @gray;
    border-right-color: rgba(255,255,255,0.2);

    .patty,
    .patty:before,
    .patty:after {
      background-color: @white;
    }
  }

  &.off-canvas-open .off-canvas-toggle {
    .patty {
      background-color: transparent;
    }

    .patty:before,
    .patty:after {
      background-color: @white;
    }
  }

  .leading-main .item-content {
    border-bottom-color: @gray;
  }

  .ja-gallery-list .btn-play {
    background-color: @gray;

    &:hover, &:focus, &:active {
      background-color: @white;
    }
  }

  .article-intro a, .article-content a {
    border-bottom-color: @gray;

    &:hover, &:focus, &:active {
      color: @gray;
    }
  }

  // PageBreak Index
  // ---------------
  #article-index,
  .article-index {
    ul {
      // Link
      > li > a {
        // Link states
        &:hover, &:active, &:focus {
          color: @gray;
        }
      }

      // Active
      > .active > a {
        background: @gray;
        // Link states
        &:hover, &:active, &:focus {
          background: @gray;
          color: @white;
        }
      }

    }
  }

  // end
}

    And add in: my_site/templates/ja_magz_ii/less/navbar.less

    // Cat Gray
    &.cat-gray > a {
      &:hover,
      &:focus {
        color: @gray;
      }
    }

    &.active.cat-gray > a {
      color: @gray;
    }

    After doing so, I open:
    Backend > Extensions > Templates > JA Magz II template style > hit the button to compile less to css.

    But not appear the option Category Gray. (JA Extra Fields)`

    What is wrong?

    Thanks e Sorry

    Adam M Moderator
    January 6, 2016 at 8:23 am #839815

    Hi @moska007,

    Not sure if there’s anything to do with JA Extra Fields but due to our documentation, you will have to type the color name in tab JA Magz in each category.

    moska007 Friend
    January 7, 2016 at 1:37 am #840532

    Well

    Believe I’m a few steps to find out how to make the change. As the [documentation] says (https://www.joomlart.com/documentation/joomla-templates/ja-magz#category-color) I also made changes to the file – my_site/templates/ja_magz_ii/less/variables.less

    // Accent colors
// -------------------------

@black:                 #000;
@gray:                  #262626; (change)
@white:                 #fff;
@blue:                  #3246ab;
@green:                 #008000;
@cyan:                  #09c;
@red:                   #d61d00;
@yellow:                #ffbb00;
@orange:                #f39100;
@pink:                  #d1008b;
@purple:                #741784;

    And did change the file (Under my responsibility): my_site/templates/ja_magz_ii/etc/form/com_categories.categorycom_content.xml

    <?xml version="1.0" encoding="utf-8"?>
<form>
    <fields name="params">
        <fieldset name="t3_extrafields_params" label="JA Extra Fields" description="Custom Fields for category">
      <field name="classes" type="list"
             description="Category Color"
             label="Category Color"
             default="" >
        <option value="">Default Color</option>
        <option value="cat-red">Red Color</option>
        <option value="cat-green">Green Color</option>
        <option value="cat-gray">Gray Color</option> (change)
        <option value="cat-pink">Pink Color</option>
        <option value="cat-blue">Blue Color</option>
        <option value="cat-purple">Purple Color</option>
        <option value="cat-orange">Orange Color</option>
      </field>
    </fieldset>
  </fields>
</form>

    Changing this file caused the gray option was shown.

    When selected gray, the displayed color is gray. I need to perform any more change? Because everything seems to be working very well.

    A future update of Template, you will lose those changes?

    Thanks

    Adam M Moderator
    January 7, 2016 at 4:59 pm #841166

    Hi @moska007,

    May I know your site url and temporary admin account via private reply so I can have a look first ? Since this is a direct modification, I’m afraid that updating the template, you will lose all those changes.

    moska007 Friend
    January 7, 2016 at 5:08 pm #841168

    Thanks Adam

    For now I’m only on localhost, Soon I will send to the address http://www.comcristonaweb.com.br

    Can I send you a backup if you prefer?

    Adam M Moderator
    January 7, 2016 at 5:13 pm #841171

    Hi @moska007,

    In this case, you can continue your work in localhost and come back when your site is available or temporary upload it to a subdomain and let me know so I can check it for you.

    moska007 Friend
    January 7, 2016 at 10:46 pm #841331
    This reply has been marked as private.
    Adam M Moderator
    January 8, 2016 at 10:43 am #841792

    Hi @moska007,

    I checked your site and see that everything work as it should, you defined this @gray: #262626; in templates/ja_magz_ii/less/variables.less and the template is using that color already.

    moska007 Friend
    January 8, 2016 at 11:49 am #841821

    Hi Adam

    Yes this was just an example.
    I’m glad for what you have analyzed this all right.
    Now I will follow the development of the site.
    Others can follow this tutorial.

    Thanks Adam

    1 user says Thank You to moska007 for this useful post

    1. hegenb
    Adam M Moderator
    January 9, 2016 at 4:27 pm #842364

    Hi @moska007,

    Glad to be of assistance. If you still have any question, please don’t hesitate to let us know.

    Best regards,

    Adam.

    moska007 Friend
    January 10, 2016 at 4:55 pm #842882

    The only thing that needs adjustment is.
    The color of the title does not change when you pass the mouse over it.
    Any tips on where to change it?

    Adam M Moderator
    January 10, 2016 at 5:58 pm #842943

    Hi @moska007,

    You can check file my_site/templates/ja_magz_ii/less/navbar.less :

    // Cat Gray
    &.cat-gray > a {
      &:hover,
      &:focus {
        color: @gray;
      }
    }

    &.active.cat-gray > a {
      color: @gray;
    }
    moska007 Friend
    January 12, 2016 at 12:26 am #844833

    Hey Man
    Sorry it was only symbol "}" who was not inserted

    THANK YOU
    ALL PERFECTLY WORKING

    Adam M Moderator
    January 12, 2016 at 9:16 am #845327

    Hi @moska007,

    Glad to be of assistance. If you still have any question, feel free to let us know. Otherwise I’m going to close this thread now.

    Best regards,

    Adam.

    moska007 Friend
    January 12, 2016 at 11:13 am #845408

    You can close please.

    Thanks

  • Author
    Posts
Viewing 15 posts - 1 through 15 (of 15 total)

This topic contains 14 replies, has 2 voices, and was last updated by  moska007 8 years, 10 months ago.

We moved to new unified forum. Please post all new support queries in our New Forum

Important Notice :

New Unified Portal is live

Must Read

Jump to forum

Categories