1 (edited by Vasily Iakovlev 2019-01-31 12:35:59)

Topic: Free space between gallery and page footer

Hello!

How can I reduce free space between under the juicebox galleries on my website - vasilyiakovlev.com ?
Now I have to scroll all the pages with juicebox galleries to see te footer...
Maybe it's possible to align the footer to the bottom of the page irrespective page body hight?

But the best solution can me moving footer to the right-top edge of the page. Maybe is that possible??

And one more question - can I change icons in the footer to the color ones? I have changed icons by IcoMoon App to coloured, but on my website they are still B&W.

Thank you!

Vasily
https://farm8.staticflickr.com/7839/31996623717_28a8fcb231_o.jpg

Re: Free space between gallery and page footer

Here are some suggestions which may help.

I notice on your gallery page that there is no content in your page body (no page title or body text) and, as you have set 'Show gallery -> Above page content', there is an empty container (with a small height) below your gallery.

If you want to remove this empty container from your page, then you can do the following.

(1) Find the number of the page in question. View the page's source in a browser, scroll down to the opening <body> tag and you'll find the following:

<body class="light type-juicebox page-1 group-0  body-open-sans headings-open-sans ">

The page number in your case (in the line of code above) is 1.

(2) In your theme's 'custom.js' file (for example, in Maribo, use '_themes/maribo/js/custom.js'), add the following code:

$('.page-1 .page-title').remove(); // To delete the page title only

... or:

$('.page-1 .body-content').remove(); // To delete the body text only

... or:

$('.page-1 .page-body').remove(); // To delete the page title and the body text

... changing the page number as necessary.
(There is no need to republish your site after modifying a 'custom.js' file but you may need to clear your browser's cache before reloading your page.)

This will certainly remove some space between the bottom of the gallery and the footer but you may still need to scroll down to see the footer.

You can reduce the height of your gallery by editing your page, scrolling down to the 'Override Site Options' section and entering a negative value for 'External fit px' (and then clicking 'Save' and 'Publish'). This will reduce the height of your gallery by the number of pixels you enter (e.g. "-200") and your footer is more likely to be visible without the need for vertical scrolling.

But the best solution can me moving footer to the right-top edge of the page. Maybe is that possible??

This would not be easy. It is not a layout that can be chosen within the Showkase interface. The footer is always at the foot of each page. The navigation container spans the width of each page. You'd need to somehow add the footer content to the navigation container (without affecting Showkase's handling of the navigation) or change the layout of the page (neither of which would be quick or easy to achieve).

And one more question - can I change icons in the footer to the color ones?

As long as each icon has only one color associated with it, then perhaps the easiest way to change the footer icon colors would be to assign a color for each icon via CSS in the appropriate 'styles.css' file (depending on the theme you use).
For example, in Maribo, open the '_themes/maribo/css/styles.css' file in a plain text editor and, to change the color of the Facebook icon (for example),  change the following (starting on line 82) from:

.icon-facebook2:before {
  content: "\ea8d";
}

... to:

.icon-facebook2:before {
  content: "\ea8d";
  color: #3c5a99;
}

Please note that the line number above refers to the current version of Showkase-Pro (v1.7.4).

I hope this helps.

Re: Free space between gallery and page footer

Thank you very much Steven! I will try. Thank you.

Re: Free space between gallery and page footer

You're welcome!
I hope you get on OK with my suggestions.