[Plugin: NextGEN Gallery] How to center anything?

Hi Magnatolia,

I tend to be stubborn when things aren’t like I want. So like you I wanted my thumbnails centered on the page. I’ve been doing sites since way, way back in the day when css didn’t work the same in any of the browsers, and I had to do a lot of “cheating”… but hey, it worked and if the “big guys couldn’t get their acts together, I made things work in all the browsers the way I wanted on my end.

So, I spent some time tinkering and tweaking… and finally I got my thumbs centered… somewhat of a “cheat” but my clients don’t care if it looks good… It has to do with how I placed the [nggallery id=XX] code on the individual page using the visual editor.

First I tried a centered div tag. <div align=”center” style=”text-align: center;”>[nggallery id=XX]</div> NO GO… didn’t work.

Then I tried placing the tag in a table with the td centered. NO Go… didn’t work.

Tried a bunch of other things and then I found it! First I uses a simple centered div tag. Next I place a single cell table at 90% inside my div tag. Then I placed the short code inside the single table cell. WORKED!… in IE, firefox, Google Chrome and safari.

There is the exact coding I pasted in the visual editor:

<div align=”center”>
<table border=”0″ cellspacing=”0″ cellpadding=”0″ style=”width: 90%; padding-top: 0px; padding-right: 0px; padding-left: 0px; padding-bottom: 0px; border-top: 0px; border-right: 0px; border-bottom: 0px; border-left: 0px” align=”center” width=”90%”>
<tr>
<td align=”center”>[nggallery id=10]</td>
</tr>
</table>
</div>

Here is the page: https://www.fvapollo.com/fvapollo/gallery/

Hope this helps.

I know this is an old post, but I’m hoping someone will stumble on it and give me some ideas.

I’m using a NextGen Slideshow in a sidebar (Sidebar 2, Magazine Basic) in WP 3.5.

My little thumbnail is stuck over on the left. I’d like to center it. Anyone have any idea how I can do that?

I’m okay with editing PHP if someone can tell me where I should look and I do know HMTL. I just don’t know where to begin.

Thanks,
Morven

Hi Morven,

Its difficult to comment without seeing what you are having issues with. My first inclination is to suggest putting in a simple div tag centered. <div align=”centered”> </div>

This helps a lot of times, but as you can see WordPress and/or the Next Gen has its own rules. However, I don’t think the answer is in the php, its likely in the HTML and css to get it to do what you want.

JS

Hey jsilvia90 thanks for that bit of code ! It worked for me to control a NEXTGen slideshow, but I had to adjust the widths to 120%!
Still trying to control the gallery.

Arghh!

This finally started working correctly. I had upgraded WordPress to 3.6 and was using NextGen 2.0.17.

Then, just a few minutes ago, I updated Magazine Basic to 3.0.3.

Now I have two problems:

The problem of it not centering is back.
The widget area for NextGen isn’t long enough.

https://morvenwestfield.com/wp1/

Where do I set the length for the widget?

@morvenwestfield – My first guess is your latest theme update is now over-writing the “code” you implemented for your fix (BTW, good job!). You may need to go back and try to sort it out again ??

– Cais.

Photocrati, the fix I did initially, months ago, didn’t help. When I finally had time to work on it over the weekend, I noticed that it was working. It was after that that I upgraded it.

I’ll give it another look in a week or two. (That’s one of my problems: I don’t have the time to work on it consistently, so I forget a lot by the time I work on it again.) I might just disable it temporarily if I can’t figure it out.

Thanks for your suggestion, though.