Customize Scroll Button on "Journal"

envogue · January 26, 2015

Is there anyway to include a scroll button when you customise the Gallery as Journal? Because one may not know there are pictures follow by the first one that occupies the whole page.:D

ChancyRat · January 27, 2015

I don't know about a scroll bar, but you could try a "back" button which would be a clue about "down" as well as "up". I'm not sure it works on every gallery style though. You put it in an HTML block at the top of the gallery.

Inspirational threads:
http://dgrin.com/showthread.php?t=246499
http://dgrin.com/showthread.php?t=248793

Example here: http://www.joinrats.com/Ratart/

<div id="topButton">
	<a href="#top" title="Jump to Top"><div style="text-align: center;"><img src="/photos/i-abcd.png" alt="image" height="80%" width="80%" /></div></a>
</div>

#topButton {
  position: fixed;
  bottom: 0;
  width: 90px;
  left: 91%;
  margin: 0 0 10px 0;
  text-align: center;
  padding: 0;
  z-index: 1;
  background-color: rgba(252, 237, 171, 0);
  border: 2px solid  rgba(255, 255, 255, 0);
  border-radius: 10px;
}

denisegoldberg · January 27, 2015

envogue wrote: »

Is there anyway to include a scroll button when you customise the Gallery as Journal? Because one may not know there are pictures follow by the first one that occupies the whole page.

There is a scroll bar on Journal style galleries. Are you getting feedback that the existing scroll bar isn't enough?

--- Denise

envogue · January 30, 2015

ChancyRat wrote: »
I don't know about a scroll bar, but you could try a "back" button which would be a clue about "down" as well as "up". I'm not sure it works on every gallery style though. You put it in an HTML block at the top of the gallery.

Inspirational threads:
http://dgrin.com/showthread.php?t=246499
http://dgrin.com/showthread.php?t=248793

Example here: http://www.joinrats.com/Ratart/
<div id="topButton">
	<a href="#top" title="Jump to Top"><div style="text-align: center;"><img src="/photos/i-abcd.png" alt="image" height="80%" width="80%" /></div></a>
</div>
#topButton {
  position: fixed;
  bottom: 0;
  width: 90px;
  left: 91%;
  margin: 0 0 10px 0;
  text-align: center;
  padding: 0;
  z-index: 1;
  background-color: rgba(252, 237, 171, 0);
  border: 2px solid  rgba(255, 255, 255, 0);
  border-radius: 10px;
}

Thank you ....I will try on it <img src="https://us.v-cdn.net/6029383/emoji/thumb.gif" border="0" alt="" >

envogue · January 30, 2015

denisegoldberg wrote: »

There is a scroll bar on Journal style galleries. Are you getting feedback that the existing scroll bar isn't enough?

--- Denise

Yes Denise, most feedback saying it is not noticeable. I guess it' about getting use to it.

Thank you for highlighting of the scroll bar

Customize Scroll Button on "Journal"

Comments