Ribbon + Full Size altering size

I want to reduce the size of the whole area in order to fit onto my web page, I have tried in vain with the documentation on how to customize a powergallery design but everything seems ok until I come to "add the site" the php script created and then uploaded to the server but when I view the page the whole gallery is corrupted and incorrectly formatted.

Additionally if I then go back to an original design and then add the php script back to the original page the format still stays corrupted.

Can you please help me I just need to understand how to adjust the size to fit the page.

you can see this at therange.php

Also I would like to change some of the original colours to blend in with page for example the top navigation FIRST PREV LAST and then the grey line above thumbnails also arrow colours

In the common.css file, you will have to change the width for this property:
.pg-rf

Then you would have to find the div:
<div class="thumbs-wrapper" style="width: 791px;">

and this div:
<div class="thumbs" style="width: 790px;">

And change the width to be less. This should allow you to customize the size of your gallery to fit with your page.

Jimmy,

I have altered the width of .pg-rf from 896 to 796

I have altered <div class= "thumbs-wrapper" style= "width from 791 to 691px;">
I have altered <div class= "thumbs" style= "width from 790 to 690px;">

This has had some successs however the thumbnails and Navbar need to be reduced to appear on the page.

Also in the last post I asked some questions on how to alter the colours of text, arrows and the grey band so the colours are more in line with the page content.

I appreciate your help, see amended version therange.php

Sorry for that, I guess I missed the questions at the end.

For the arrow color, you will have to go into the PowerGallery100/galleries/ribbon_fullsize/images and change the image itself to be the colors you want.

To change the gray bar, you would look in the light.css file and change the css block:
.pg-rf .title

To change the text in the gray bar, you would look in the light.css file as well and change the css block:
.pg-rf .title .fullsize-title

To change the size of the thumbnails in the scroller you would have to go into the PowerGallery100/galleries/ribbon_fullsize/index.php file and find this line of code (should be line 80 if you haven't made any changes):

echo '<img alt="" title="' . $i . '##' . str_replace('"', '\"', $gallery['images'][$i]['title']) . '##' . str_replace('"', '\"', $gallery['images'][$i]['description']) . '"  src="' . $gallery['images'][$i]['thumb']['url'] . '" width="62" height="62" />';

change the width and height there and the thumbnail should be different sized.

Many Thanks it's worked

Great to hear it. If you run into any additional issues, feel free to open a new thread.