• Resolved picthechic

    (@picthechic)


    Hi I’m using Next Gen Gallery and it seems that the width of my theme is not right for the gallery to fit

    if you see https://www.crossrangers.com/?page_id=167
    and scroll to the bottom of the page you will see my photo’s

    Yet I want them displayed just underneath the text..

    I’ve tried editing the css but no luck there (see CSS below)

    [CSS moderated as per the Forum Rules. Please start by just posting a link to your site.]

    Any body Know where I’m going Wrong?

Viewing 8 replies - 1 through 8 (of 8 total)
  • Looks a bit like theres a clear: both; or clear: left; somewhere in there.

    Thread Starter picthechic

    (@picthechic)

    What does that mean?

    Should I remove that piece of coding?

    Thanks

    Thread Starter picthechic

    (@picthechic)

    I see this coding, will I remove Cleat:left

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

    (@picthechic)

    You Genius!!

    I removed that coding, it didn’t make any difference to next gen gallery

    But i’ve was palying with a different plugin called fotobook and was having the same issues and now its working perfectly – so will prob go with this plugin for gallery

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

    There also was a <div class="clear-npg> or something like that in your source. Since you loaded 4 css files it was a bit hard to tell where the clear: was hiding.

    Good to know you got it working though ??

    Thread Starter picthechic

    (@picthechic)

    Bummer!! that seemed to work for me on a mac that I was working on at the time having the same issue ??

    Plugin: NEXT GEN GALERY

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

    found this code that you may have been referring too before

    nggfuntions.php

    // 2nd look for slideshow
            if ( $show == 'slide' ) {
                $args['show'] = "gallery";
                $out  = '<div class="ngg-galleryoverview">';
                $out .= '<div class="slideshowlink"><a>get_permalink($args) . '">'.nggGallery::i18n($ngg_options['galTextGallery']).'</a></div>';
                $out .= nggShowSlideshow($galleryID, $ngg_options['irWidth'], $ngg_options['irHeight']);
                $out .= '</div>'."\n";
                $out .= '<div class="ngg-clear"></div>'."\n";
                return $out;
    
    // return the list of images we need
            array_splice($galleries, $maxElement);
    
            $nggNav = new nggNavigation;
            $navigation = $nggNav->create_navigation($page, $total, $maxElement);
        } else {
            $navigation = '<div class="ngg-clear">&nbsp;</div>';
    
     //TODO: Add pagination later
        $navigation = '<div class="ngg-clear">&nbsp;</div>';

    would changing this have an effect?

    try removing the clear in your nggallery.css

    .ngg-galleryoverview {
    	overflow: hidden;
    	margin-top: 10px;
    	width: 100%;
    	<strong>clear:both; </strong>
    	display:block !important;
    }
    .ngg-navigation {
    	font-size:0.9em !important;
    	<strong>clear:both !important;</strong>
    	display:block !important;
    	padding-top:15px;
    	text-align:center;
    
    }

    There is one more in that file but these 2 seem most likely for causing the problem.

    Thread Starter picthechic

    (@picthechic)

    I tried that and it seeemed to fix it but there were then other bugs in it so i’ve decide to go with fotobook for the gallery

    it works great after the first fix you gave me

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

    Thanks a bunch ??

Viewing 8 replies - 1 through 8 (of 8 total)
  • The topic ‘Width of theme’ is closed to new replies.