PLUGIN – Next GEN Gallery issue with display?

This is mind boggle!?

update – I just put the photo’s in a album to see if the same issue and yup there sure is??

https://www.crossrangers.com/?page_id=507

I found this

copy the nggallery.css from the plugins/nextgen-gallery/css folder to your theme folder. The plugin will use this CSS file instead of its own CSS files so you don’t have to worry about writing over it when you upgrade the plugin. Then edit this CSS file and in the section .ngg-galleryoverview remove the line:

clear:both;

I did this and it worked on my album part but not on my galleries??

any one want to give a bit of help?

What help do you want?

BTW the links you posted go direct to an under construction page.

I can’t figure out how the galleries are being displayed towards the bottom of the page?

i’ve taken off the construction sign now ??

i thought i might just being having an issue with next Gen turns out thats not the case just activited Plugin photobook that takes photo’s from Facebook this is displaying albums the same way on the site?

see here https://www.crossrangers.com/?page_id=512

Must be my theme i’m having an issue with…

Looks to me like there is a problem with the css in your theme.

Try the standard theme or alternatively try Suffusion which is the theme that I mainly use. If you want to stick with this one I will see if I can sort out the issue for you but try one of the others first to see if the problem goes away.

Hi

Thanks, i’ve just given that a go, changed the theme and the issue goes away so much be the css of my theme which is odd…My theme holds sub pages links perhaps this may be confliting with the plugins?

Looks like the width of your preferred theme is just not quite wide enough to display the gallery. You cold correct this in several ways, increase the width of the page probably by about 5px or reduce the size of the left sidebar or reduce the size of the gallery div. It looks as though it is pretty close that is why I am suggesting only 5 px it may be less or more but that would be a good place to start.

Thanks so much colinsp for the help I really appreciate it

still No Joy i’m afraid, I tried changing The sizes in everything and still nothing..below is my coding just incase i missed any thing?

/* Sidebars */
#leftside {clear:left; float:left; line-height:1.5em; margin:0 0 5px; padding:0; width:140px;}
#extras {float:right; line-height:1.4em; margin:0 0 5px; padding:0; width:140px;}
#leftside p, #leftside ul, #leftside div.textwidget, #extras p, #extras ul, #extras div.textwidget {font-size:0.9em; margin:0 0 18px;}
#leftside li, #extras li {line-height:1.2em; list-style:none; margin:0 0 6px;}
#leftside ul ul, #extras ul ul {margin:6px 0 0 10px;}
#leftside ul ul li, #extras ul ul li {margin:0 0 4px;}
#leftside ul ul li a, #extras ul ul li a {font-weight:normal;}
#leftside ul.linklist, #extras ul.linklist {font-size:1em;}
#leftside ul.linklist ul, #extras ul.linklist ul {margin:0 0 20px;}
#leftside ul.linklist ul li a, #extras ul.linklist ul li a {font-weight:bold;}
#leftside h2, #leftside ul.linklist li h2, #leftside h3, #extras h2, #extras ul.linklist li h2, #extras h3, table#wp-calendar caption {background-color:inherit; color:#ffcc33; font-size:1.3em; font-weight:normal; text-align:left; margin:0 0 6px;}
#leftside label, #extras label {display:none;}

/* Main menu */
ul.page {list-style:none; margin:0 0 20px; width:140px;}
ul.page li {display:inline; line-height:1.4em; width:140px;}
ul.page li a {background-color:#000000; border-left:5px solid #ffcc33; color:#ffffff; float:left; font-weight:bold; margin-bottom:5px; padding:5px 1px 5px 5px; text-decoration:none; width:130px;}
ul.page li a:hover, ul.page li.current_page_item a {background-color:#ffcc33; border-left:5px solid #ffcc33; color:#000000;}
ul.page ul {font-size:0.9em; margin:0 0 0 15px; padding:0 0 5px; width:125px;}
ul.page ul a {padding:3px 1px 3px 5px; width:115px;}
ul.page ul ul {width:113px;}
ul.page ul ul a {width:100px;}

/* Content */
#content {line-height:1.6em; margin:0 155px 5px; padding:0;}
#contentwide {line-height:1.6em; margin:0 0 5px 150px; padding:0;}
#content h2,#contentwide h2 {font-size:1.6em; margin:0 0 10px;}
#content h3,#contentwide h3 {font-size:1.4em; margin:0 0 8px;}
#content img,#contentwide img {float:left; margin:3px 10px 3px 0;}
#content ul,#contentwide ul,#content ol,#contentwide ol {margin:0 0 16px 20px;}
#content li,#contentwide li {padding:0 0 0 5px;}
#content ul ul,#contentwide ul ul,#content ol ol,#contentwide ol ol {margin:0 0 0 16px;}

/* Content */
#content {line-height:1.6em; margin:0 155px 5px; padding:0;}
#contentwide {line-height:1.6em; margin:0 0 5px 150px; padding:0;}
#content h2,#contentwide h2 {font-size:1.6em; margin:0 0 10px;}
#content h3,#contentwide h3 {font-size:1.4em; margin:0 0 8px;}
#content img,#contentwide img {float:left; margin:3px 10px 3px 0;}
#content ul,#contentwide ul,#content ol,#contentwide ol {margin:0 0 16px 20px;}
#content li,#contentwide li {padding:0 0 0 5px;}
#content ul ul,#contentwide ul ul,#content ol ol,#contentwide ol ol {margin:0 0 0 16px;}

I also Changed this and still nothing

/* Body */
* {margin:0; padding:0;}
body {background:#1b1818 url(img/bg.gif) top center repeat-y; color:#000000; font:76% Verdana;}
#wrap {background-color:#ffffff; color:#000000; margin:0 auto; width:760px;}

The only change it made was that the page got wider and the pictures from the gallery moved over but not up which is what we want

?

Sorry I have had and still have some serious problems with my own sites at the moment.

I was going to have a look at yours again but see that you have the under construction up again. If you want to make it available again I will take another look

cool thanks, sorry bout this its just a weird one

It is now displaying fine for me did you find the fix?

If not clear your browser cache to see if it is now OK for you.

yes i found a small fix here

/* Sidebars */
#leftside {clear:left; float:left; line-height:1.5em; margin:0 0 5px; padding:0; width:140px;}

I removed the clear:left and it is displaying my gallery fine but still not my album page?

https://www.crossrangers.com/?page_id=510

so i missed something ??