Trying to float images in center of page

Hi there! Hmm… I wouldn’t think the theme would stop you from doing that, however it’s hard to say for sure without seeing it on the page to see what’s happening and trying out some adjustments.

Is there a page somewhere it is live with this on it that I can peek at? Or maybe you can publish a test version and not link to it from your site so it’s a secret and I can check that one out?

Thanks!

Hey Sarah,

Here’s the page: https://69.195.124.168/~onceweso/?page_id=544

It’s password-protected right now, and the password is: once

I appreciate any and all help – I can see where it’s being pulled to the side, but I don’t know if I’m experienced enough to fix it!

Thank you thank you,

Katie

Thanks for sharing!

Hmm… Maybe the shifting is due to the unordered list (<ul>) being used to arrange the images.

I’m wondering if removing the <ul> from them will help… Have you tried arranging them by aligning them individually or using a gallery (like the Tiled Galleries module in the Jetpack plugin) to lay them out to see if that changes anything?

I have, unfortunately. This was my original code for the page:

CSS:

section.once {
 width: 660px;
 position: relative;
 float: left;
 padding-bottom: 10px;
 clear: left;
}	 

article.third {
 text-align: center;
 float: left;
 width: 150px;
 position: relative;
 padding: 25px;
 overflow: hidden;
}

.third img {
 border-radius: 25px;
 width: 100%;
 position: relative;
 }

HTML:

<section class="home">
 <article class="third">
 <img src="https://lorempicsum.com/futurama/350/200/1" />
 </article>
 <article class="third">
 <img src="https://lorempicsum.com/futurama/350/200/1" />
 </article>
 <article class="third">
 <img src="https://lorempicsum.com/futurama/350/200/1" />
 </article>
</section>

Huh. I see what you mean. I’m sure it’s some little bit of code somewhere in there doing that, but I’m not spotting what it is yet. :/

Since you use the Jetpack plugin, have you tried the Tiled Galleries module? I set it up on a test site using Intergalactic theme and added the images (set to full size) to a tiled gallery and it centered them and got rid of the shift to the left that’s currently happening.

Let me know how it goes! ??