View Menu

Technical Support Forums

Free, outstanding support from WebAssist and your colleagues

Picture display containment size

Thread began 1/04/2010 5:05 pm by Alan Shaw | Last modified 2/25/2010 1:37 pm by Alan Shaw | 2579 views | 6 replies

Eric Mittman

It looks as though you may have done some more editing to this. When I view the thumbs area I can see that there are widths defined inline for them. Adjusting the width here will allow you to fit in the number of images you need. Once you get it adjusted correctly you will need to go into your ribbon_fullsize > js > gallery.js file and adjust the perPage setting at the top of this file. You need to make it match the number of thumbs you can see when you get the width adjusted properly.

I was able to get 6 images to show on a single line by making these adjustments:

.pg-rf .ribbon .thumbs-wrapper .thumbs img {
border:4px solid #1C1C1C;
margin:0 0 0 3px;
/*changed this from 9 to 3*/

<div class="thumbs-wrapper" style="width: 433px;">
<!-- this was 475 -->

<div class="thumbs" style="width: 440px;">
<!-- this was 474 -->

Give this a try and let us know if it works for you. As for adjusting the main image you should adjust the width of this image to make it fit in the background.

Build websites with a little help from your friends

Your friends over here at WebAssist! These Dreamweaver extensions will assist you in building unlimited, custom websites.

Build websites from already-built web applications

These out-of-the-box solutions provide you proven, tested applications that can be up and running now.  Build a store, a gallery, or a web-based email solution.

Want your website pre-built and hosted?

Close Windowclose

Rate your experience or provide feedback on this page

Account or customer service questions?
Please user our contact form.

Need technical support?
Please visit support to ask a question





Ease of use


security code refresh image

We do not respond to comments submitted from this page directly, but we do read and analyze any feedback and will use it to help make your experience better in the future.

Close Windowclose

We were unable to retrieve the attached file

Close Windowclose

Attach and remove files

add attachmentAdd attachment
Close Windowclose

Enter the URL you would like to link to in your post

Close Windowclose

This is how you use right click RTF editing

Enable right click RTF editing option allows you to add html markup into your tutorial such as images, bulleted lists, files and more...

-- click to close --

Uploading file...