Center Jetpack Tiled Gallery

looks centered to me in FF17

– if you have solved the problem, please possibly post how, and mark this topic as ‘resolved’

if you don’t see it centered, try to clear the browser cache by ‘reload’ing the web page or by pressing ‘ctrl f5’

Hello, I am using FF19 and it is still not centered. It is more over to the left. I have clared the cache and reloaded the page many times still no change. Can you please help me?

Thank you but as I could not sort the problem, I am trying a different gallery. I am still interested, however to find out how to center the tiled Jetpack gallery.

Help Please, I do not like the new gallery I was trying and still want to use Jetpack tiled gallery. I still can not get it to center on the page.

Any help on how to center jetpack tiles on page please?

Hi Jane,

Jetpack calculated what it considers to be the optimum width for your gallery, based on your images. This width is somewhat less than the actual area available to it, which is what is making it look off-center. If you want to center it, you can add the following CSS to your site’s theme (you can use the Jetpack Custom CSS module to quickly add this, if you’d like):
.tiled-gallery {padding-left:65px;}

OMG it worked, this has been driving me mad trying to sort it out. I can not thank you enough. Thank you, thank you, thank you.

My pleasure, glad to have helped!

Im having the same issue, i did not try to fix you gave to jane because i think its specific for her theme?

It happens for me on both posts and pages, its minimal and visitors probably don’t notice but its been driving me mad for months.

https://www.idinz.me/photography/

Oh and id like to add that it seems to do it for all gallery types, tiled, mosiac…..circles seems to look normal but im not convinced it is…

ok so .tiled-gallery {padding-left:5px;}

works on my pages and posts. But it destroys my widget.

Is there a way to make it exclude the widget?

Hi! I don’t see the widget on your page at the moment, but if you changed your rule to this:

.entry-content .tiled-gallery {padding-left:5px;}

that should do the trick.

That worked perfectly, thank you!