Main menu donation button

Hello

How can I add to the main menu a " DONATION" button?
I would like to have a btn pop up like the log in mod I using the Joom Donation mod, can I?

Without additional work which is beyond our technical support - no . You would need to use same javascript to initialise popup and create the popup (html / css) itself. Sample scripts can be found in gk.scripts.js (//login popup section) and /templates/gk_university/layouts/blocks/tools/login.php

What about just a button in the main menu?

You can add normal menu item (for example as last one) and add 'gkLogin' class to it to create look simillar to "log in" button.

If I create a menu with the Additional class "gkLogin" when I click the login pop's
How can I just have the style for the login menu in another menu item?

You can add normal menu item (for example as last one) and add 'gkLogin' class to it to create look simillar to "log in" button.

Oh, you need to create a custom class then:

Code: Select all

#gkHeaderNav li.gkCustom {
  border: 1px solid rgba(250, 114, 82, 0.5);
  height: 30px;
  line-height: 30px;
  margin-left: 12px;
  -webkit-transition: border .3s ease-out;
  -moz-transition: border .3s ease-out;
  -ms-transition: border .3s ease-out;
  -o-transition: border .3s ease-out;
  transition: border .3s ease-out;
}
#gkHeaderNav li.gkCustom:hover {
  border-color: #fa7252;
  color: #fff;
}
#gkHeaderNav li.gkCustom a {
  height: 30px;
  line-height: 30px;
  padding: 0 12px!important;
}
#gkHeaderNav li.gkCustom:hover a {
  color: #fff;
}


and use gkCustom class

I don't understand the code
I applied to the custom CSS But nothing happened

Please edit: /templates/gk_university/css/override.css and add at its end:

Code: Select all

#gkHeaderNav li.gkCustom {
  border: 1px solid rgba(250, 114, 82, 0.5);
  height: 30px;
  line-height: 30px;
  margin-left: 12px;
  -webkit-transition: border .3s ease-out;
  -moz-transition: border .3s ease-out;
  -ms-transition: border .3s ease-out;
  -o-transition: border .3s ease-out;
  transition: border .3s ease-out;
}
#gkHeaderNav li.gkCustom:hover {
  border-color: #fa7252;
  color: #fff;
}
#gkHeaderNav li.gkCustom a {
  height: 30px;
  line-height: 30px;
  padding: 0 12px!important;
}
#gkHeaderNav li.gkCustom:hover a {
  color: #fff;
}


Remember to enable "CSS override" in template settings - advanced section.

Now create a menu item with gkCustom added via gavick additional options tab.