We launched new forums in March 2019—join us there. In a hurry for help with your website? Get Help Now!
    • 4955
    • 32 Posts
    Hi together,

    i am working on an architecture page where references are listed. each reference page should contain a big starter image to the left and beneath I embedded all other thumbnails of the album with

    <div class="row">
    	<div class="col-xs-12 col-sm-7 col-md-6">

    The both chunks are:
    1. refimagetpl:
    <div id="gal-gaff-controls" class="controls"></div>
    <div id="gal-gaff-slideshow" class="slideshow"></div>
    <div id="gal-gaff-thumbs">
        <div class="row">
    		<div class="col-md-12">
    			<ul class="list-inline thumbs noscript">

    2. refthumbstpl
        <a class="thumb" name="[[+name]]" href="[[+image]]">
            <img class="img-responsive" src="[[+thumbnail]]" alt="[[+name]]" />

    My problem is that the thumbnails don't consum the full width of the colum col-md-12. Thus I want to remove the ul tag from the refimagetpl. But in this moment the responding image of the thumbnails do not show up. Secondly I would like to add a class="img responsive" to the output of [[+thumbnails]] but I dont get a way in. Is there somebody who could help me with a tipp? The site could be found at brauns architektur de startseite.html (Kick the spaces.) > portfolio > Addis Abeba e.g. .

    Thx and best,
      • 4955
      • 32 Posts
      The class="img-responsive" was solved easily...
        • 4955
        • 32 Posts
        found this in galleriffic.js:

        				// Add the element to the DOM
        				if (!thumbExists) {
        					// Update thumbs passing in addition post transition out handler
        					this.updateThumbs(function() {
        						var $thumbsUl = gallery.find('ul.thumbs');
        						if (insert)
        						if (gallery.onImageAdded)
        							gallery.onImageAdded(imageData, $li);

        Looks like to change that to get it working with my markup...