Joomla Templates Club 406,261 posts

[moska007 Friend moska007Join date: August 2012Posts: 61Downloads:14Uploads:5 Thanked: 2 times in 2 posts]

#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 Adam MJoin date: May 2014Posts: 5159Downloads:33Uploads:66 Thanks: 95 Thanked: 1271 times in 1235 posts]

#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 moska007Join date: August 2012Posts: 61Downloads:14Uploads:5 Thanked: 2 times in 2 posts]

#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 Adam MJoin date: May 2014Posts: 5159Downloads:33Uploads:66 Thanks: 95 Thanked: 1271 times in 1235 posts]

#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 moska007Join date: August 2012Posts: 61Downloads:14Uploads:5 Thanked: 2 times in 2 posts]

#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 Adam MJoin date: May 2014Posts: 5159Downloads:33Uploads:66 Thanks: 95 Thanked: 1271 times in 1235 posts]

#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 moska007Join date: August 2012Posts: 61Downloads:14Uploads:5 Thanked: 2 times in 2 posts]

#841331

This reply has been marked as private.

[Adam M Moderator Adam MJoin date: May 2014Posts: 5159Downloads:33Uploads:66 Thanks: 95 Thanked: 1271 times in 1235 posts]

#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 moska007Join date: August 2012Posts: 61Downloads:14Uploads:5 Thanked: 2 times in 2 posts]

#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 Adam MJoin date: May 2014Posts: 5159Downloads:33Uploads:66 Thanks: 95 Thanked: 1271 times in 1235 posts]

#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 moska007Join date: August 2012Posts: 61Downloads:14Uploads:5 Thanked: 2 times in 2 posts]

#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 Adam MJoin date: May 2014Posts: 5159Downloads:33Uploads:66 Thanks: 95 Thanked: 1271 times in 1235 posts]

#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 moska007Join date: August 2012Posts: 61Downloads:14Uploads:5 Thanked: 2 times in 2 posts]

#844833

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

THANK YOU
ALL PERFECTLY WORKING

[Adam M Moderator Adam MJoin date: May 2014Posts: 5159Downloads:33Uploads:66 Thanks: 95 Thanked: 1271 times in 1235 posts]

#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 moska007Join date: August 2012Posts: 61Downloads:14Uploads:5 Thanked: 2 times in 2 posts]

#845408

You can close please.

Thanks

[Author]

Posts