The html of the page is all screwed up. You’re going to have a difficult time achieving that. I would suggest re-writing it so it’s easier to manipulate.
Andrew Nevins
(@anevins)
WCLDN 2018 Contributor | Volunteer support
Just so you know what you’re asking for isn’t so simple. The position buttons in your editor are meant for singular items, it’s not meant to center 4 things together.
Okay. Thanks for the feedback.
But now that I need to have the page look like this, what is the best way to go about this? How is the html of the page all screwed up.
Again, any and all your help is appreciated.
thanks!
I did have this in a table format, at first, however it didn’t work with my responsive theme.
And this page has the elements centered, not sure why I cannot accomplish the same thing with the page I am having issues with.
this page
Each one of your images is wrapped inside of an anchor tag, which is wrapped inside of it’s own paragraph tag.
Things are just nested within eachother, when ideally you just want the content container, the container that will hold your images and your four images inside of that container.
You could then just center the container within the content container.
You probably want something more along these lines:
<div class="entry-content">
<div id="image_container">
<a href="http://felicekoenig.com/sculpted_forms/"><img class="alignleft wp-image-2210 size-full" src="http://felicekoenig.com/wp-content/uploads/2014/07/SCULPTED-FORMS.jpg" alt="Sculpted Forms" width="216" height="252"></a>
<a href="http://felicekoenig.com/panels/"><img class="alignleft wp-image-2211 size-full" src="http://felicekoenig.com/wp-content/uploads/2014/07/PANELS.jpg" alt="Panels" width="216" height="252"></a>
<a href="http://felicekoenig.com/canvases/"><img class="alignleft wp-image-2212 size-full" src="http://felicekoenig.com/wp-content/uploads/2014/07/CANVASES.jpg" alt="Canvases" width="216" height="252"></a>
<a href="http://felicekoenig.com/offshoots/"><img class="alignleft wp-image-2213 size-full" src="http://felicekoenig.com/wp-content/uploads/2014/07/OFFSHOOTS.jpg" alt="Offshoots" width="216" height="252"></a>
</div>
</div>
Here is a working example:
http://jsfiddle.net/94ADE/1/
You can follow along with what I’ve done there, and use it as a guideline.
Evan – THANK YOU!!
That worked!! Appreciate your time and attention to this –
thanks again!!
No problem, glad that was able to help you out!
Happy WordPress-ing!
Evan
