johnrbarringer
Member
Posted 2 years ago #
I am trying to creating a gallery that shows one image per page. Imagebrowser is perfect but every time I load my images they default to fill up the entire space. I just want them to sit in the middle of the article? How can I keep them from automatically being huge, like in the example provided on the wordpress plugin page...http://nextgen-gallery.com/image-browser/
Any help is MUCH appreciated. Thanks!
johnrbarringer
Member
Posted 2 years ago #
grtwordpress
Member
Posted 2 years ago #
How about a link to your problem page? The width of the image of that page you pointed to seems to be set in the CSS.
CaptainActive
Member
Posted 2 years ago #
I just plugged my hair out on this too. Open up "nggallery.css" in the CSS folder.
Find the style below and comment out or delete 'width: 100%;"
See my example below:
.ngg-imagebrowser img {
border:1px solid #A9A9A9;
margin-top: 10px;
margin-bottom: 10px;
/*width: 100%;*/
display:block !important;
padding:5px;
}
That did it for me, good luck
I am not sure that worked for me but this did:
.ngg-imagebrowser {
width:50%;
height:50%;
}
I edited this code rather than the css code for
.ngg-imagebrowser img
You can adjust the percentages to what works best for you.