ekawaii

Forum Replies Created

Viewing 4 replies - 1 through 4 (of 4 total)
  • Forum: Plugins
    In reply to: make all nextgen gallery thumbnails same size
    ekawaii

    (@ekawaii)

    15 years, 11 months ago

    The OP asked for “Any idea how to display thumbnails in a same size grid?” which I explained above. It simply makes all image thumbnails the exact same size so they display nicely in a grid.

    I’m using this on my website and the image thumbnails look fine.

    Forum: Plugins
    In reply to: Retroactively Award Achievements?
    ekawaii

    (@ekawaii)

    15 years, 11 months ago

    I wanted to say that I’m having the exact same problem as the user above… haven’t been able to find a fix for it yet either. Hopefully the plugin gets updated soon, I find it very beneficial :3

    Forum: Plugins
    In reply to: make all nextgen gallery thumbnails same size
    ekawaii

    (@ekawaii)

    15 years, 12 months ago

    P.S: Make sure when copying the code above that you remove the tags:
    <!-- Start Thumbnail Exact -->
    and
    <!-- End Thumbnail Exact -->

    You should only have the width and height values in the CSS. The code above messes with the width/height if it’s not removed. I put it there as an example to show you where I’ve added the width & height into the CSS.

    Forum: Plugins
    In reply to: make all nextgen gallery thumbnails same size
    ekawaii

    (@ekawaii)

    15 years, 12 months ago

    Hello~

    I was having the same problem so I added the exact width and height into the Gallery CSS which changed all my gallery thumbnails to the exact same size.

    1. Log into your WordPress Admin
    2. Click on Gallery then Style
    3. Search for .ngg-gallery-thumbnail img {
    4. Your code should look something like this:

    .ngg-gallery-thumbnail img {
	background-color:#FFFFFF;
	border:1px solid #A9A9A9;
	display:block;
	margin:4px 0px 4px 5px;
	padding:4px;
	position:relative;
}

    Simply add the width and height here, it should now look like this:

    .ngg-gallery-thumbnail img {
	background-color:#FFFFFF;
	border:1px solid #A9A9A9;
<!-- Start Thumbnail Exact -->
        width: 75px;
        height: 75px;
<!-- End Thumbnail Exact -->
	display:block;
	margin:4px 0px 4px 5px;
	padding:4px;
	position:relative;
}

    I hope this helps!

    ~Renee

Viewing 4 replies - 1 through 4 (of 4 total)