451

(3 replies, posted in Showkase Support)

If you are not entering any text for the 'Page title', then the space at the top of the image will be slightly less than the space at the bottom.

Perhaps the easiest method to increase the space at the top would be to enter some non-visible content for the 'Page title' in the form of some empty HTML tags, for example <span></span>.
Entering a non-breaking space instead &nbsp; should increase the space some more.

If you want more control over the space, then you can use CSS in your theme's 'custom.css' file.
Open the '_themes/kosel/css/custom.css' file in a plain text editor and enter the following:

.type-basic .page-title:empty {
    margin-bottom: 18px;
}

This will add a margin (of 18px, which you can change if necessary) to the bottom of empty page titles on all 'Basic' pages.
You could use further CSS selectors to apply this rule to only one specific page if you like, for example:

.page-2 .page-title:empty {
    margin-bottom: 18px;
}

You can check which CSS class to use by viewing the source of your web page in a browser and checking the classes used in the <body> tag.

More information about 'Adding Custom Styles' can be found here.

If you find that this does not help, then please post the URL to the web page that you are referring to so that I can take a look at the code that you are using and help further.
Thank you.

452

(15 replies, posted in Showkase Support)

The contact form requires PHP mail support on the server (noted in the Version History for v1.4.0).
It sounds like this is not currently available on your hosting account.
Please check with your web host to make sure that PHP mail is enabled.
This should hopefully solve your problem.

453

(3 replies, posted in Showkase Support)

You're welcome!
Thank you for letting me know.

454

(3 replies, posted in Showkase Support)

It looks like your problem has something to do with the caption gradient (captionBackTopColor) which was introduced in Juicebox-Pro v1.4.4 and perhaps more specifically the change to its default value for Small Screen Mode in v1.4.4.1.
For reference, these changes are noted in the Juicebox Version History.

Make sure that both captionBackColor and captionBackTopColor (both found in the 'Color' options section) are exactly the same (color and opacity) and there should be no gradient effect.
Also, to be sure that default values are not being used (which might be the cause of your problem in your chosen theme and color scheme), set them both to non-default values. (Just change the color or opacity to values fractionally different to the defaults and all should hopefully be well.)

455

(4 replies, posted in Showkase Support)

Unfortunately, not yet.
Upgrading Showkase to use Juicebox-Pro v1.5.0 replaces the core Juicebox files but does not change the Showkase interface.
Showkase itself needs to be updated to incorporate all the new Juicebox configuration options.
There will be a new version of Showkase released soon with full support for Juicebox-Pro v1.5.0 and all its new features.
I do not have an exact release date but it should not be too far away.

456

(7 replies, posted in Showkase Support)

You're welcome.

457

(7 replies, posted in Showkase Support)

Thank for you the clarification.

Here is one possible solution. Hopefully the comments in the code will help.

It uses the JavaScript SDK Version of the Facebook Like Button. You'll need to replace the sample Facebook Like Button code below with your own (and also make sure that the path to your video file is correct in the video tag).

<!-- Wrap video tag and Facebook Like Button in parent container with position relative -->

<div id="wrap" style="position: relative;">

    <!-- Video tag -->

    <video src="/movie.mp4" width="800" controls>Your browser does not support the video tag.</video>

    <!-- Facebook Like Button - JavaScript SDK Version - Code from Step 2 -->

    <div id="fb-root"></div>
    <script>(function(d, s, id) {
        var js, fjs = d.getElementsByTagName(s)[0];
        if (d.getElementById(id)) return;
        js = d.createElement(s); js.id = id;
        js.src = "//connect.facebook.net/en_GB/sdk.js#xfbml=1&version=v2.6";
        fjs.parentNode.insertBefore(js, fjs);
    }(document, 'script', 'facebook-jssdk'));</script>

    <!-- Facebook Like Button - JavaScript SDK Version - Code from Step 3 -->

    <div class="fb-like" data-href="https://developers.facebook.com/docs/plugins/" data-layout="standard" data-action="like" data-show-faces="true" data-share="true"></div>

</div>

<!-- jQuery script section -->

<script>

    // Execute following when DOM is complete

    $(document).ready(function() {

        // Show Facebook Like Button only when mouseover video

        $('#wrap').hover(function(){

            // Mouseenter

            $('.fb-like').first().show();
            }, function(){

            // Mouseleave

            $('.fb-like').first().hide();
        });

        // Initially hide Facebook Like Button, stack it on top of video and position it in corner of video

        $('.fb-like').first().css({
            'display': 'none',
            'position': 'absolute',
            'top': '10px',
            'left': '10px',
            'z-index': '999'
        });

    });

</script>

458

(7 replies, posted in Showkase Support)

You can insert whatever HTML code you like (for example an <iframe> or <video> tag) into the text editor on your 'Basic' page.
Just make sure that your text editor is in 'Source' mode (click the 'Source' button in the text editor's toolbar).

For example, if you want to host a video on your own web server and embed it into a 'Basic' page, then try the following:

(1) Upload the video file to your web server. In this example, we'll call it 'movie.mp4' and upload it to the root directory.
(2) Enter something like the following code into the text editor (in 'Source' mode), changing the width as necessary:

<video src="/movie.mp4" width="800" controls>Your browser does not support the video tag.</video>

The leading slash in the 'src' attribute denotes your root directory. If you upload your video file to a location other that your root directory, make sure that the path to the video file is correct. (If it is a relative path, then it should be relative to the 'Basic' page's location, i.e. one directory down from the Showkase directory.)

More information about the <video> tag and its attributes can be found here: https://developer.mozilla.org/en/docs/W … ment/video

459

(7 replies, posted in Showkase Support)

Create the code for a Like Button or a Share Button using one of Facebook's links below.
You can then copy and paste the code into your Showkase 'Basic' page in the text editor (in 'Source' mode).

Like Button: https://developers.facebook.com/docs/pl … ike-button
Share Button: https://developers.facebook.com/docs/pl … are-button

You're welcome!

461

(3 replies, posted in Showkase Support)

This issue (navigation links not being able to be second-tier menu items) has been addressed and will be fixed in the next version of Showkase.
In the meantime, if you would like to implement the fix yourself, please check your email. I have sent you an updated file for you to upload to your web server.
Thank you for taking the time to report the issue.

462

(3 replies, posted in Showkase Support)

There used to be a drop down box I could select a parent but I can't find it now.

The 'Group Under' inputs have been removed in favor of the new drag-and-drop system on the 'Pages' page.

For some reason I can't drag a navigation link to be a "sub page" of a basic page or gallery index page...

Unfortunately, it looks like you have found a bug.
The only workaround I can find at the moment is to create your site with a version of Showkase prior to v1.5.0 and then upgrade, making sure that you do not move the position of the navigation links after upgrading.

I have notified the developers and hopefully it can be fixed in a future version.
Thank you reporting this issue.

463

(10 replies, posted in Showkase Support)

Yes. That is the correct place to edit your code (in the page's text editor box in 'Source' mode).
Your page looks OK in the text editor because the CSS which is affecting the layout in the actual web pages is not being applied to your custom code in the text editor. (After making the edits in the text editor, your page should still look OK in the text editor. The edits just protect your code against certain CSS rules.)

Yes. Please see the Changing Your Installation Directory support section.

You should be able to move a Showkase site by just copying the complete Showkase folder from one place to another.
As long as the Showkase site was initially installed to a folder of its own, then the entire Showkase site will be self-contained within its folder.
As soon as the Showkase folder is in its new position, navigate to your 'showkase/admin/' folder in a browser and Showkase should recognise that it has been moved and should present you with the setup screen ('System -> Setup').
Check that the 'Path to your web site folder' is correct (it should be filled in automatically) and click the 'Setup' button.
Now just login and your site should be exactly as it was in its previous location.

I recommend that you make a full backup of your site first, just in case anything goes wrong and you need to reinstate your original files at a later date.

465

(5 replies, posted in Showkase Support)

I just tested on my end and sure enough - all is good now!

That's great to hear! Thank you for confirming.

Thanks for your help!

You're welcome!

466

(5 replies, posted in Showkase Support)

Thank you for the link to your gallery.

I initially tried the Facebook share button in your gallery and saw the error your reported (which, incidentally, I have never seen before, hence my web search for the error message).

I then tried running your web page's URL through the Facebook Sharing Debugger (link above).
This failed to work at all and Facebook just returned a completely blank page (instead of the usual debugging information).
I then tried again, explicitly adding 'index.html' to your web page's URL and, this time, Facebook reported that your 'og:image' could not be used because it exceeded the maximum file size of 8MB (even though it is only 206KB).
I then tried again (one more time for luck, I guess) and it seemed to work. It looks like Facebook now have a working cache of your web page and hopefully your problem has been cleared.

I cannot explain why the Facebook sharing did not initially work for your gallery. There should be no need to plug your gallery's URL into the Facebook Sharing Debugger three times (with a different result each time) but hopefully things are now running as they should.

467

(5 replies, posted in Showkase Support)

However, when the Facebook link is selected on others there is a message that always says "Sorry, this feature isn't available right now: An error occurred while processing this request. Please try again later".

Having Googled the error message, the two most likely causes seem to be:
(1) It may be a temporary Facebook database or server issue which should hopefully resolve itself soon.
(2) It is a browser cache issue which can be solved by completely clearing your browser's cache and cookies.

If the problem is #1, then there is little you can do but wait until Facebook resolve the issue.
However, if the issue is #2, then completely clearing your browser's cache and cookies (or trying a different browser) should hopefully help.

Also there appears to be no definitive pattern as to which picture shows when the Facebook link does show one. Most times, it is the index picture. Some times, it is not.

Try running your gallery page URLs through the Facebook Sharing Debugger: https://developers.facebook.com/tools/debug/
You could try also try their Open Graph Object Debugger, too: https://developers.facebook.com/tools/debug/og/object

This should refresh Facebook's cache of your web pages, including Open Graph tags (although it may not be instant).

If you continue to experience difficulties, please post the URLs to your gallery pages so that I can take a look at the problem for myself and hopefully help further. Thank you.

468

(5 replies, posted in Showkase Support)

@atreidex

For reference, instructions for 'Upgrading Showkase' can be found here.

The process of upgrading Showkase replaces the core Showkase files and leaves all your existing pages untouched.
There should not be any problems in upgrading a Showkase site but it would be wise to make a complete backup of your existing site first, just in case anything goes wrong and you need to reinstate your original files at a later date.

I didn't get to do a system repair (not sure how I'd do that either)...

Go to 'System -> Repairs' from within the Showkase interface.

... but simply waiting 15 minutes it changed back over to my normal live pages...

It sounds like there may have been some kind of issue with your web server (such as server-side caching) but hopefully everything's OK now.

If you continue to experience difficulties, then please let me know and I'll try to help you out.

469

(3 replies, posted in Showkase Support)

You're welcome!

470

(93 replies, posted in Showkase Support)

Request from steven.xu in the Juicebox-Pro forum: https://juicebox.net/forum/viewtopic.php?pid=9650#p9650

Request:
we'd like to have ability to setup multiple accounts and give different permission.

Thanks, ShowKase Support!

471

(3 replies, posted in Showkase Support)

If you go to 'Site -> Customize Theme' and select 'custom' for the 'Color Scheme', the icon takes on the 'Link color' (and 'Hover color') which you can set in the 'Custom Palette' section.

If you just want to change the color of the icon (without affecting other links), try adding the following CSS code to your current theme's 'custom.css' file (changing the colors to whatever you like):

.icon-menu {
    color: #ff0000;
}
.icon-menu:hover {
    color: #00ff00;
}

For example, if your current theme is 'Boma' then the file you should edit is 'showkase/_themes/boma/css/custom.css'.

472

(10 replies, posted in Showkase Support)

It looks like you might have made the changes (added the necessary CSS rules) to the HTML files created by Showkase. These HTML files are regenerated each time you publish your site.
Instead, edit the pages in question within the Showkase interface and make the changes to the <input> tags in the text editor (where you first entered your custom code).
I hope this helps.

473

(10 replies, posted in Showkase Support)

Many thanks for the links.

The login boxes and the donate button are all <input> elements and the Showkase CSS for <input> elements is being applied to your own <input> elements.


Login boxes:

Change your three <input> lines from:

<input type="text" name="uname" size="15" maxlength="30" style="width: 100px">
<input type="password" name="passwd" size="15" maxlength="30" style="width: 100px">
<input type="submit" name="submit" value="Login" style="width: 65px;">

... to:

<input type="text" name="uname" size="15" maxlength="30" style="width: 100px; display: inline !important;">
<input type="password" name="passwd" size="15" maxlength="30" style="width: 100px; display: inline !important;">
<input type="submit" name="submit" value="Login" style="width: 65px; display: inline !important;">

... (adding display: inline !important; to the 'style' attribute of each one).


Donate button:

Change:

<input alt="" border="0" name="submit" src="https://www.paypal.com/en_US/i/btn/btn_donateCC_LG.gif" type="image" />

... to:

<input alt="" border="0" name="submit" src="https://www.paypal.com/en_US/i/btn/btn_donateCC_LG.gif" type="image" style="width: auto !important;" />

... (adding a 'style' attribute with width: auto !important;).


You could add CSS classes or ids to each of your <input> tags and then add the required CSS rules in your theme's 'custom.css' file but as you would have to modify your custom code anyway (to add the classes or ids), the above suggestions might be the easiest to implement.

I hope this helps.

474

(10 replies, posted in Showkase Support)

I tried to post links and the code I'm using but I got this error message:

Warning! The following errors must be corrected before your message can be posted:
Too many links in message. Allowed 0 links. Reduce number of links and post it again.

I'm not sure exactly what you tried to post (perhaps your code has several links in it?) but it sounds like the forum's spam prevention has kicked in.

Try posting just the URL to your web page but disguise the URL like the following example:

www dot example dot com / index.html

That should at least allow me to view your web page.
Thanks.

475

(10 replies, posted in Showkase Support)

It is possible that between v1.3.5 and v1.5.1 some internal CSS values may have changed to fix certain layout issues and this may be adversely affecting your custom page.
Unfortunately, without seeing your website and the custom code that you are using, I cannot determine the cause of your problem.

Please post a link to the Showkase page which is causing the problem and also post the code that you are referring to (the code that you have copied from v1.3.5 to v1.5.1). I don't know if this is HTML code entered into the Showkase editor or CSS code entered into a theme's 'custom.css' file (or something else), but once I am able to see the problem for myself and the code that you are using, I should hopefully be able to help further. Thank you.

... the Paypal donate button is enlarged and thus pixelated.

This might be easily fixed by specifying dimensions ('width' and 'height' attributes) for the image to be displayed at within the dontate button's <img> tag.
For example:

<img src="image.png" width="100" height="50" alt="PayPal Donate Button" />