Hi,
I am using your theme (at faces.photo, still in work), and it looks great.
The only drawback is: I cannot see the "About"-link anymore.
No, I didn't switch it off in the theme settings ("Hide About Link" is unchecked). I do use some plugin, i.e.:
"Additional pages", "PWG stuffs", "Admin Tool", "Community", "Extended description", "gdThumb", "Mobile Theme for tablets", "Personal About" and a few more.
I switched off some of them, but that didn't change anything.
Any idea?

I can still see the dot after "Register" (in "Login· Register· "), so this looks to me like a CSS problem...

Thanks for any help,
Frank

Update: I worked around it, by the way, by using the homepage from "Additional pages", but this isn't a solution to the issue...

Last edited by Frank (2020-01-28 17:20:14)

Hi,

I use GreyDragon and i'm very glad with it. But i was looking for PgDown and PgUp buttons.
I use some code i have found on the web and it works fine.

In the Admin Menu Theme Config, in the Custom css field put the code (don't forgot to register) :

/*---------------------------------------
   add scroll-down/scroll-top buttons
----------------------------------------*/
.scroll-page {
  font-size: 20px;
  background-color: #000000; /* Scroll bg color */
  border-radius: 3px;
  color: #ffffff;
  opacity: 1;
  position: fixed;
  right: 25px;
  bottom: 25px;
  z-index: 9999;
  display: none;
  cursor: pointer;
}

.scroll-page i {
  background: url('sprite.png'); /* PNG fallback */
  background-image: url('sprite.svg'); /* SVG image */
  background-repeat: no-repeat;
  color: inherit;
  display: block;
  width: 38px;
  height: 35px;
  padding: 15px;
}


.scroll-page .scroll-up {
  background-position: -26px 10px;
  padding-bottom: 5px;
        opacity: 0.6;
}

.scroll-page .scroll-down {
  background-position: 10px 5px;
  padding-top: 5px;
        opacity: 0.6;
}

.scroll-up:hover {
  opacity: 1;
}

.scroll-down:hover {
  opacity: 1;
}
.scroll-page:hover {
  opacity: 1;
}

.rtl .scroll-page {
  right: auto;
  left: 25px;
}

@media only screen and (max-width: 800px), only screen and (max-device-width: 800px) {
  .scroll-page {
    display: none !important;
  }
}

Take care to these 2 lines :

background: url('sprite.png'); /* PNG fallback */
  background-image: url('sprite.svg'); /* SVG image */

It needs 2 files for the arrows up and down, sprite.png and sprite.svg : with this code these files must be at the same place cutom.css file in /local/greydragon. You can use what you want for the arrows but change the code with your files name.


And then add in /themes/greydragon/template/header.tpl just after the body, line 118 with 1.3.3 version, the code :

<!-- scroll-up/scroll-down buttons -->
<div class="scroll-page">
  <i class="scroll-up"></i>
  <i class="scroll-down"></i>
</div>

<script>

(function($) { // Avoid conflicts with other libraries

'use strict';

$(function() {
  var settings = {
      min: 150,
      scrollSpeed: 10000
    },
    button = $('.scroll-page'),
    buttonHidden = true;

  $(window).scroll(function() {
    var pos = $(this).scrollTop();
    if (pos > settings.min && buttonHidden) {
      button.stop(true, true).fadeIn(4000);
      buttonHidden = false;
    } else if(pos <= settings.min && !buttonHidden) {
      button.stop(true, true).fadeOut(4000);
      buttonHidden = true;
    }
  });

  var scrollPage = function() {
    $('html, body').animate({
      scrollTop: ($(this).hasClass('scroll-up')) ? 0 : $(document).height()
    }, settings.scrollSpeed);
  };

  $('.scroll-page > i').bind('click touchstart', scrollPage);
});

})(jQuery);

</script>

And that's all.

Maybe there is a best way, a best code : i don't know.

I don't find how to join files !

This code is not from me, i got it on the web some time ago and use it on an another website.

If you want ta add this option you can use it, modify it as you want.

Thanks for this theme,

Philippe

Last edited by augras (2020-12-29 16:52:19)

In the css code there are these lines

@media only screen and (max-width: 800px), only screen and (max-device-width: 800px) {
  .scroll-page {
    display: none !important;
  }

that means the scroll buttons will not display with a resolution or a window less than 800px.
To get always the scroll buttons you must comment are delete these lines.

this is related to deprecation of plugin_menu_items array in admin template

https://piwigo.org/doc/doku.php?id=dev:changes_in_2.11

I have posted question in How-to
Once I get answer, this will be fixed

this is very good theme, i love it

Please note, theme relies on the "Additional Pages" plugin which is not yet verified for PIWIGO 12
Your root page may be lost as result

version 1.3.7
- Removed smarty reference in prefilter function
+ Removed compatibility with older versions of PIWIGO. Min required version is now 11.x
+ Minor changes to lang files to reflect the small changes in the label in admin area