Photo Gallery Design issue

Hi there,

How is possible change the format Design (width + height) for adjust the frame and fit it in the page? And when choose the Slideshow - Wide as desing the images showed are not fitted in the screen why, is there a solution for this strange behaviour??


Massimo

please post a link where i can see the problem to investigate a solution.

The link is www.tessyacconciature.it, I have used both design (Slideshow-wide and Ribbon + Lightbox) for show what happens, but if use other frames especially Ribbon + Lightbox for Powerstore is not showed entirely.

for the ribbon lightbox gallery, you need to set the width of the thiumbnail ribbon to fit in the space you have available.

in the galleries/ribbon_lightbox/css/common.css, edit the following class:

.pg-rl .ribbon .thumbs-wrapper {
	padding: 9px 10px 9px 1px;
	background-color: #303030;
	border-top: none;
	overflow: hidden;
	height: 70px;
	width: 791px;
	float: left;
}

and change the width to 500px:

width: 550px;

for the slideshow wide gallery, you need to edit the galleries/slideshow_wide/index.php file, in the image tag:

<img <?php echo($i==0?"":'class="startHidden"'); ?>  src="<?php echo($gallery['images'][$i]['fullsize']['url']); ?>" alt="<?php echo((strlen($gallery['images'][$i]['title']) > 0 ? '<span>' . str_replace("\n","",$gallery['images'][$i]['title']) . ':</span> ' : '') . preg_replace("/[\r\n]*/","",$gallery['images'][$i]['description'])); ?>" width="958" height="220px"/>

you need to edit the width:
width="958"

you can set this to use 550 as well:
width="550"

or experiment to find the width that works best for you.

Thank you Jason now is clear, the last thing how I modify the text buttons PREV, NEXT and CLOSE on image selected in the gallery (see image attached)?



Massimo

the Prev, Next, and Close links in the lightbox are images. they are stored in the css/slimbox folder.

I am running into this too.

http://castlerockconstruction.com/2013powergallery/galleries/ribbon_lightbox/index.php?gallery=15&theme=light
I want it to look like screen shot from Firefox, using Firebug to edit the common css file.
http://castlerockconstruction.com/2013powergallery/galleries/ribbon_lightbox/css/common.css
I am changing to 350 pixels wide. I appears I have changed it but not getting the result I want.
Thanks as always.

In Power Gallery 2, go to the Choose design page and edit the ribbon_lightbox design

select the Images section, and you can change the Thumbnail size that will be used.