[Solved] how to align the image to the center? [closed]

Question

For a start it’s hard to know what you are talking about – it’s a page full of images after all. I’m assuming you mean the ‘100 Greatest Goals’ image in the middle that’s been blown up to 10 times it’s normal size.

If you change wp-content/plugins/nextgen-gallery/css/nggallery.css line 215 to the following then it centers that images and stops it getting stretched to yee-ha.

.ngg-imagebrowser img {
border:1px solid #A9A9A9;
margin: 10px auto; 
display:block !important;
padding:5px;
}

Hope that helps a bit.

Edit : Just a point I should have made – whenever you make any changes to Next Gen CSS make sure you add it to your theme’s stylesheet rather than the plugin’s (using a more specific selector if required). If not your CSS all gets reset after you upgrade the plugin.

Accepted Answer

For a start it’s hard to know what you are talking about – it’s a page full of images after all. I’m assuming you mean the ‘100 Greatest Goals’ image in the middle that’s been blown up to 10 times it’s normal size.

If you change wp-content/plugins/nextgen-gallery/css/nggallery.css line 215 to the following then it centers that images and stops it getting stretched to yee-ha.

.ngg-imagebrowser img {
border:1px solid #A9A9A9;
margin: 10px auto; 
display:block !important;
padding:5px;
}

Hope that helps a bit.

Edit : Just a point I should have made – whenever you make any changes to Next Gen CSS make sure you add it to your theme’s stylesheet rather than the plugin’s (using a more specific selector if required). If not your CSS all gets reset after you upgrade the plugin.