Styling The Photo Enlarge Page

From KickApps API Reference

Jump to: navigation, search

One of the changes in KickApps 2.3 is enhanced handling of your community's photos. When your members click 'View Enlarged Photo' on a photo play page, or when they click on the photo itself, they'll now be taken to an improved photo enlarge page with a maximum width of 730 pixels.  If you haven't customized your global CSS styles previous to this release, there's nothing for you to do, but if you have, you may need to make a small change to your CSS code for this change to work correctly.

Specifically, if you have customized the width of the following IDs: #ka_mainContainer and/or #ka_contentContainer to be smaller than 730 pixels, you'll need to adjust the span .ka_letterboxPhotoEnlarge to be equal to that width. For example, if you customized the width of #ka_mainContainer and #ka_contentContainer to equal 600px, you would adjust the span .ka_letterboxPhotoEnlarge to also equal 600px.

To view a sample of the photo enlarge page, click here.