WordPress.org

Ready to get started?Download WordPress

Forums

Center NextGen Thumbnails (2 posts)

  1. jbdecker
    Member
    Posted 10 months ago #

    I have searched and searched to find an answer on how to center nggallery thumbnails. The results have not produced the desired outcome. My template was created with Artisteer. The stock template of Twenty-Thirteen centers the thumbnails but when I change to my template they are aligned to the left. Please help. It should not be this hard, maybe just for me.

    Thanks,
    Jason

  2. Daconix
    Member
    Posted 10 months ago #

    You can try this code:

    .ngg-gallery-thumbnail-box {
        float: left;
        height: 150px;
        width: 136px;
        position: relative;
    }
    
    .ngg-gallery-thumbnail {
    	margin-right: auto;
    	text-align: center;
    	float: none;
    	position: absolute;
    	bottom: 0px;
            width: 100%;
    }
    
    .ngg-gallery-thumbnail-box img {
        display: block;
        margin-left: auto;
        margin-right: auto;
    }

    just adjust .ngg-gallery-thumbnail-box width and height.

Reply

You must log in to post.

About this Topic

Tags

No tags yet.