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

    i have searched this forum and found nothing on my problem, so i hope i’m not making a double entry (that would imply i’m blind wink )

    Anyways, i’ve installed maxigallery0.51 and all works well exept for the thumb display.
    wether i put 3 in a row or 7 , they always align under eachother and every image has a list style image showing ( a little square)
    there is also a huge gap between the list style image and the thumb.

    i gues it’s a css problem, but i checked the maxigallery css and it clearly states there is no list style image.

    can anyone help?
      • 28042 ☆ A M B ☆
      • 24,524 Posts
      Sounds like a css conflict; some other css file has its lists styled with the image. I think that the unordered list MaxiGallery uses has an ID, or you can put your entire MaxiGallery snippet call in a <div id="gallery">...</div> container, then in your CSS have #gallery ul { list-style-background:none; } or something similar.
        Studying MODX in the desert - http://sottwell.com
        Tips and Tricks from the MODX Forums and Slack Channels - http://modxcookbook.com
        Join the Slack Community - http://modx.org
        • 14767
        • 15 Posts
        thnx for the reply.

        unfortunatly it had no effect. I tried some variations on that idea, but none of them did anything.
        strange thing is that i also tried to change the image or type but that didn’t work either.

        i changed the default.css (maxigallery) and the main.css (mollio template) nothing changed

        any further ideas?
          • 7923
          • 4,213 Posts
          Without a link to the site, I can’t help


            "He can have a lollipop any time he wants to. That's what it means to be a programmer."
            • 14767
            • 15 Posts
            i send you a pm. thanks
              • 7923
              • 4,213 Posts
              Take these away from your css:

              .thumbnail { border: 1px solid rgb(238, 238, 238); margin: 0pt 0pt 0pt 10px; padding: 5px; background: rgb(255, 255, 255) none repeat; position: relative; z-index: 1; float: right; width: 100px; }
              .thumbnail img { border: 1px solid rgb(0, 0, 0); }
              


              and add "background:none" to ul.thumbs li {} in maxigallery css because in your template css, the list style images are done using li background.

              then use &pics_per_row parameter in your snippet call to define how many pictures you want per row.


                "He can have a lollipop any time he wants to. That's what it means to be a programmer."
                • 14767
                • 15 Posts
                great works like a charm.

                thanks for your help.