Topic: Custom Home Page

Hi, I need a "custom" home page "type"...but there is not one at present. I've tried to use a gallery page for the home (not quite suitable) and a basic page for the home (would work, but col settings are taking control). The basic page would work IF column settings were set by page, not by sitewide. Is there any way to over-write col settings so the "image" on my homepage basic page would be the proper size?

You can see it here: tlphoto dot com

any suggestions appreciated. Thx.

Re: Custom Home Page

The other thing I'd like to change is all the padding around the gallery viewer on the gallery pages. There is a lot of margin that i'd like to get rid of...i'll try to change some of the advanced/pro settings, but any advice is welcome. Thanks.

Re: Custom Home Page

Well, i'm sort of working around the fixed cols issue, now the home page has 2 cols like the rest (not ideal)...but now there are some other minor (CSS related?) issues?

* the two column images are offset vertically by a couple pixels. Have no idea why.
* How can I remove the <a> underline style from the images (which I linked to galleries)? I again applied border-style: none to them, but that didn't work.

Thx

Re: Custom Home Page

Well, I removed the <a> links from the images for now...explicit style didn't remove underlines. The images are still vertically offset a few px, but I can't see any reason causing it.

Re: Custom Home Page

Is there any way to over-write col settings so the "image" on my homepage basic page would be the proper size?

If you want your home page to have a different number of columns than the 'Basic' page type would ordinarily have, then perhaps the best way to achieve this would be to manually edit the page itself (though any modifications would be lost if you updated the page through the Showkase interface).
Open the page in a plain text editor and change:

<section class="content columns-2">

... to:

<section class="content columns-1">

Well, I removed the <a> links from the images for now...explicit style didn't remove underlines.

Set border-style: none; on the link, e.g.:

<a href="http://www.example.com/" style="border-style: none;"><img src="image.jpg" width="200" height="100" alt="image" /></a>

The other thing I'd like to change is all the padding around the gallery viewer on the gallery pages.

The gap between your gallery and your footer is the body text for the page (which in your case is empty).
You can remove this gap in all Juicebox galleries within the Kosel theme by using the following code in your 'showkase/_themes/kosel/css/custom.css' page:

.type-juicebox section.page-body {
    display: none;
}

The images are still vertically offset a few px, but I can't see any reason causing it.

The text editor tends to enclose custom code in <p> tags.
Try editing your page and, in source input mode, change the <p> tags to <div> tags to see if this makes a difference.

Re: Custom Home Page

Thanks. Everything suggested worked fine except one. I decided not to mod the code/home page, I'll leave it as is, because I'm sure I'd forget and overwrite it by tool created output :)

I did add the custom.css code, but the gallery pages still have a lot of spacing around them. I'm not sure that CSS took?

This is a very nice tool, which seems simple, but is actually quite powerful.

Any further suggestions on the gallery spacing would be welcome.

Re: Custom Home Page

The CSS you added to your 'custom.css' file has certainly taken effect and makes a noticeable difference when I now view your galleries. The gap between the bottom of the gallery and the footer has been significantly reduced.

If you want to reduce the gaps to the left and right of the gallery, you can go to 'Site -> Customize Theme -> Site Layout' and increase the 'Max site width (px)' value. Please note that this is a site-wide setting.

Showkase displays a Juicebox gallery so that the entire gallery is visible in the user's browser window, no matter what it's height.
Also, your gallery uses the default imageScaleMode ('SCALE_DOWN') so images are scaled to fit within the gallery's image area without cropping.
Unless your images have a similar aspect ratio to the gallery's image area (which is dynamic depending on the shape of the user's browser window), there may be gaps to the left and right (or top and bottom) of your images.
In your case, there will be more space to the left and right of your images in a browser window of limited height (try reducing the height of your browser window to see this effect).
The only ways to fill the image area more would be to either:
(1) Set imageScaleMode="FILL" (though this will crop images to fill the image area rather than scale them to fit).
... or:
(2) Increase the height of your gallery by going to 'Site -> Customize Theme -> Gallery Pages' and increasing the 'External fit px' value (though this will mean that users will have to scroll down to see your entire gallery).

Re: Custom Home Page

I resized my images to 1024x768 and it seems to work nicely that way...thx