451

(5 replies, posted in Showkase Support)

If you'd like to hide your home page from the navigation menu under the Maribo theme, then add the following CSS to your 'showkase/_themes/maribo/css/custom.css' file.

/* Show/hide home page in nav */
nav > ul:first-child > li:first-child {
    display: none;
}

(If you view the source of the Maribo demo's web page, you'll see this code being used.)

452

(5 replies, posted in Showkase Support)

If you want to hide a page from the navigation menu:

(1) In v1.5.0 or later...
On the 'Pages' tab, drag and drop the page onto the 'Hidden pages' text.

(2) In versions prior to v1.5.0...
Edit the page and deselect the 'Show in Nav' checkbox.

You need to have one page/link visible in your menu as your home page.

If you want to hide the entire navigation menu, then you will need to do this using CSS.
Add the following CSS to your theme's 'custom.css' file.
For example, if you are using the Kosel theme, then the file will be located here: 'showkase/_themes/kosel/css/custom.css'.

nav#nav {
    visibility: hidden;
}

More information about Adding Custom Styles (using CSS to affect the style of the Showkase site) can be found here.

If you are not already using the latest version of Showkase and wish to upgrade, then instructions can be found here.

453

(5 replies, posted in Showkase Support)

@rajdian14

You're welcome!

454

(93 replies, posted in Showkase Support)

@atreidex

Thank you for the suggestions.

I'm not sure exactly what layout you are trying to achieve but you might have better luck using CSS rather than HTML tags.

You can use your browser's developer tools (usually accessed via the F12 key) to check which ids or classes on your page you might need to apply custom CSS rules to. You can then add your own custom CSS rules (to change the layout and/or style of the page) to your theme's 'custom.css' page (as noted in the Adding Custom Styles and Fonts support section).
It might not be possible to achieve what you are looking to do via CSS but hopefully this will help or at least point you in the right direction.

Additional notes and links on using your browser's developer tools can be found in this forum thread.

455

(3 replies, posted in Showkase Support)

You're welcome!
I'm glad it worked. Thank you for letting me know.

456

(3 replies, posted in Showkase Support)

Try adding something like the following to your 'showkase/_themes/maribo/css/custom.css' file:

nav#nav .nav:not(.subnav) a {
    font-weight: bold;
}

nav#nav .subnav a {
    font-size: 12px;
}

457

(3 replies, posted in Showkase Support)

You're welcome!

458

(3 replies, posted in Showkase Support)

There is no configuration option available in the interface which would allow you to do this but you could certainly achieve it quite easily using one of the two suggestions below.

You could either:

(1) Open the 'showkase/_themes/base/pagetypes/basetheme.tpl' file in a plain text editor and add a target="_blank" attribute to each of the <a> tags between line 180 and 188 inclusive.
For example, change:

<a href="{$facebookLink}" title="facebook"><span class="icon-facebook2"></span></a>

... to:

<a href="{$facebookLink}" title="facebook" target="_blank"><span class="icon-facebook2"></span></a>

... or:

(2) Add the following code to your theme's 'custom.js' file (e.g. 'showkase/_themes/kosel/js/custom.js'

$('.socmedia').children('a').attr('target', '_blank');

Option #2 is probably the easier of the two suggestions to implement and does not involve modifying source code but both suggestions should work equally well. The result is the same at the end of the day whether you add the 'target' attributes yourself (#1) or let the JavaScript code do it dynamically (#2).

Please note that the line numbers above refer to the current version of Showkase (v1.4.3).

459

(12 replies, posted in Showkase Support)

You can set the site header link via:
Site -> Site Settings -> Site Header -> Site header link

The URL can be relative (to the root Showkase directory) or absolute (in the form http://www.example.com/index.html).

Try using: http://elitenegler.com/index.html

460

(12 replies, posted in Showkase Support)

I was just wondering how it is possible to change words "Name", "E-mail", "Message" in the contact form.

Open the 'showkase/_themes/base/pagetypes/contact.tpl' file in a plain text editor and change "Name", "Email" and "Message" in lines 68, 70 and 72. The line numbers refer to the current version of Showkase (v1.4.3).

<label for="name">Name <span class="required">*</span></label>
...
<label for="email">Email <span class="required">*</span></label>
...
<label for="message">Message <span class="required">*</span></label>

Is it possible to keep menu - link, highlighted ?

Try using something like the following CSS code in your 'showkase/_themes/kosel/css/custom.css' file:

nav ul li.active a {
    color: #00ff00 !important;
}

461

(12 replies, posted in Showkase Support)

When i use word-spacing, it does make some space between the words but i am missing "Contact" because he is using spacing. Contact is gone. How can i adjust so i have all of the words in the menu?

Unfortunately, it is really difficult to troubleshoot a problem without being able to see it for myself.
I would really need to see the problem on a live web page in order to use my browser's developer tools to determine the cause of the problem.
If possible, please post the URL to a web page which demonstrates the problem.
In the meantime, try replacing:

nav {
    word-spacing: 50px;
}

... with either:

nav#nav a {
    margin-right: 50px;
}

... or:

nav#nav a {
    padding-right: 50px;
}

... adjusting the pixel value as necessary.

Another one, web version is working perfect but when i use it on the mobile, the MavenProRegular font is not implemented.

At the moment, it looks like your MavenProRegular font might not even be used in the regular desktop version of your site.
It looks like the font being used is Arial (in desktop as well as mobile).
Please check the location of the font files on your web server. According to the paths in your '_themes/css/custom.css' file, it looks like the font files should be in this directory http://elitenegler.com/fonts/ but they do not seem to be there.

462

(12 replies, posted in Showkase Support)

How can i move menu on the left side, below the logo ?

This is not a layout which is supported by Showkase. The navigation menu for a Kosel site is right-justified.
Trying to move the navigation under the site logo and justified to the left may interfere with the mobile vs desktop display.
You could try something like the following but I would not recommend it. You may run into unforeseen problems that you might have to tackle at a later date.

nav#nav {
    clear: both;
    float: none;
}

nav > ul, .nav-2 {
    float: left;
}

Which code should i use in custom.css for setting the size of the font of the main menu?

Try something like the following. (You will need to increase the line-height to accommodate the larger font-size and you may need to increase the min-height for the navigation menu, too.)

nav#nav ul a {
    font-size: 50px;
    line-height: 50px;
}

nav#nav {
    min-height: 150px;
}

Can i use some spacing between the words in menu ? They are almost next to each other. I want to set some space between the words?

Try something like:

nav {
    word-spacing: 50px;
}

463

(12 replies, posted in Showkase Support)

How can i adjust in css menu. I want to move it a little bit down.

Try something like the following in your 'showkase/_themes/kosel/css/custom.css' file:

nav#nav {
    padding-top: 50px;
}

How can i have that the logo is not messing up the position of the menu.

Try limiting the size of your site logo via the 'Site -> Customize Theme -> Site Header -> Logo max width px' setting.

If this does not help, then please post the URL to your Showkase site so that I can take a look at the problem for myself and hopefully help further.
Thank you.

(The typo in the Adding Custom Styles and Fonts support section has now been corrected.)

464

(12 replies, posted in Showkase Support)

For others reading this forum thread, instructions for 'Adding Custom Styles and Fonts' can be found here.

I notice that there looks to be a typo in the sample CSS in the link above (in the /* Use it */ section): header hgroup h1 should be header .hgroup h1. (Note the dot preceding hgroup. hgroup is a class name rather than a tag in this instance.)
To change the font family for the 'site heading', try the following:

/* Use it */
header .hgroup h1 {
  font-family: 'MavenProRegular', Arial, sans-serif;
  font-size: 18px;
  line-height: 1.5;
}

Also, please note that the sample /* Use it */ section is specific to (and will affect only) the 'Site heading'.
If you want your font to be used for all text throughout your Showkase site, then try the following:

/* Use it */
header .hgroup h1,
header .hgroup h2,
section.page-body,
section.page-body h2,
nav#nav a,
body #outer #wrapper footer small {
  font-family: 'MavenProRegular', Arial, sans-serif;
}

If you continue to experience difficulties, then please post the URL to your Showkase site so that I can take a look at the problem for myself and hopefully help further.

465

(12 replies, posted in Showkase Support)

Try adding the following to your 'showkase/_themes/kosel/css/custom.css' file:

footer {
    text-align: center;
}

If you need to customize Showkase beyond the capabilities of the available interface options, then the best thing to do is to use your browser's developer tools (usually accessible via the F12 key) to determine the CSS classes or ids of the elements on the web page that you want to change. You would then apply custom CSS rules to these classes or ids (or other selectors) in your theme's 'custom.css' file.

Please see this forum post for further information and links which may help.

466

(12 replies, posted in Showkase Support)

Try adding the following to your 'showkase/_themes/kosel/css/custom.css' file:

.type-juicebox footer {
    margin-top: 5px;
}

.type-juicebox section.gallery.gallery-juicebox {
    margin-bottom: 0px;
}

If this does not help, then please post the URL to your web page so that I can take a look at the your page's layout and hopefully help further.

467

(1 replies, posted in Showkase Support)

Please note that the 'Page title' and 'Page description' in the 'Page Content' section are used only in the web page's meta tags (for the 'og:title' and 'og:description' respectively). They are not displayed on the web page (but you should see them if you view the source of the web page in a browser).
The name of the Gallery Index Page (used in the navigation menu only) should be entered in the 'Pages -> Customize -> Nav Name' input field.
I hope this helps.

468

(93 replies, posted in Showkase Support)

@35ol

OK. Thanks for clarifying.

469

(93 replies, posted in Showkase Support)

@35ol

Thank you for the suggestions.

... but can't modify the top navigator link to there.

I don't know if it will help but you can create a navigation link in the Showkase menu ('Pages -> New Page -> Navigation Link') without it having a corresponding Showkase page. (It would just be a link to whatever web page you like.)

470

(6 replies, posted in Showkase Support)

Thank you for your message. Correspondence continued via email.

Edit:
Problem solved via email.

For other users reading this thread and experiencing similar issues, things to check (in addition to the notes above) would be:
(1) Check that your Showkase site has at least one page visible in the navigation menu (via 'Show in Nav' checkbox).
(2) Check that forwarding rules for domains point towards correct locations.

471

(1 replies, posted in Showkase Support)

Please note that when you request a support ticket via email, you can expect a reply within 2 business days (48 hours) or sooner.

I replied to your initial forum post within 1 hour and also offered to take a look at the files on your web server which would likely have helped with troubleshooting what is, unfortunately, not a simple problem.

Your screenshot has pointed me towards a couple of possible causes which I have posted in your other forum thread.
Hopefully my suggestions will help.

472

(6 replies, posted in Showkase Support)

Thank you for the screenshot.

One thing I notice is that your web server might not be set up with a correct MIME type for .ini files.
When I visit the 'showkaseconfig.ini' file in one of our own demo galleries, the browser displays the contents of the file.
However, when I visit your own 'showkaseconfig.ini' file, the browser does not display the contents of the file but offers to download the file instead.
This might somehow be preventing Showkase from being able to read the file.
Please check that your web server has a MIME type set correctly for .ini files.

Also, when trying to view your 'index.php' file, there is a warning and fatal error regarding the location of the 'controller.php' file (which is located in the 'admin/classes/' directory.)
From your screenshot, the file size of your 'index.php' file is 397 bytes.
The 'index.php' file that should be copied to the root directory along with the 'showkaseconfig.ini' file (from the instructions in this link) should be 7,607 bytes.
Please try re-uploading your 'index.php' file (from the Showkase zip package) to your web server in case something happened during the initial upload resulting in an incomplete or corrupt file.

As the same problem seems to happen within the marinakrasnovid directory as well as outside it, the problem does not seem to be isolated to the home page redirection. Take a full backup of your existing second site and then try re-installing Showkase (in the same location) to ensure that all required core files are present and correct.

Hopefully one of the suggestions above will help.

473

(6 replies, posted in Showkase Support)

Check the paths in the 'showkaseconfig.ini' file to see if they look OK.
This might give you a clue as to the cause of the problem.
You could try running 'System -> Setup' on the site again before copying the 'index.php' and 'showkaseconfig.ini' files once more.

It might help if I could see the structure of your web site so, if possible, please upload a screenshot somewhere showing the location of your Showkase site and where you are copying the 'index.php' and 'showkaseconfig.ini' files to.

Also, if you like, I would be happy to investigate further but I would need access to your web server and Showkase site.
If you are agreeable to this, then please let me know and I will send you a message with an email address where you can forward your FTP and Showkase login details to me. Thank you.

474

(5 replies, posted in Showkase Support)

You're welcome! I'm glad it worked.

As the addition of the social media icons to your site header will add height to the header, the body (and footer) content of your page will be pushed down a little and any Juicebox or Showkase pages will not fit the browser window exactly as they did before the modification.
You can compensate for this by going to 'Site -> Customize Theme -> Gallery Pages' and entering a negative integer into the 'External fit px' input field (such as "-32").

475

(5 replies, posted in Showkase Support)

It is not possible to move the position of the Social Media icons via the interface but you could try the following:

(1) Open the 'showkase/_themes/base/pagetypes/basetheme.tpl' file in a plain text editor.

(2) Move lines 179-189 inclusive (the following block of code) to line 165 (which is currently blank) immediately below the closing </nav> tag.

        <div class="socmedia">
          <a href="{$facebookLink}" title="facebook"><span class="icon-facebook2"></span></a>
          <a href="{$flickrLink}" title="flickr"><span class="icon-flickr3"></span></a>
          <a href="{$googleplusLink}" title="Google+"><span class="icon-google-plus2"></span></a>
          <a href="{$instagramLink}" title="Instagram"><span class="icon-instagram"></span></a>
          <a href="{$linkedinLink}" title="LinkedIn"><span class="icon-linkedin"></span></a>
          <a href="{$pinterestLink}" title="Pinterest"><span class="icon-pinterest2"></span></a>
          <a href="{$tumblrLink}" title="Tumblr"><span class="icon-tumblr2"></span></a>
          <a href="{$twitterLink}" title="Twitter"><span class="icon-twitter2"></span></a>
          <a href="{$vimeoLink}" title="Vimeo"><span class="icon-vimeo2"></span></a>
        </div>

(3) Open the 'showkase/_themes/kosel/css/custom.css' file in a plain text editor.

(4) As Showkase expects the Social Media icons to be in the footer, the CSS rule which usually sets the icon size will no longer be used. Add the following CSS code to the 'showkase/_themes/kosel/css/custom.css' file to solve this problem and to align the icons to the right.

.socmedia {
    clear: both;
    text-align: right;
}

.socmedia a {
    font-size: 1.5em;
}

(5) Republish your site after making the changes above.

Please note that as Showkase was not designed with this layout in mind, you might encounter other unforeseen issues which you might need to tackle (perhaps with additional CSS rules).
Also, the line numbers above refer to the most recent version of Showkase (v1.4.2).

I hope this helps.