I am currently redoing my whole website (read: it's currently a mess)
I am using a new theme, mckinley, and am having some some issues and I can't find a good workaround short of purchasing the css upgrade. I would rather keep this site free.
The root problem I have discovered is that the theme's default media width is only 604px, but the text column is 700px. The full column width is 1000px. First, I tried uploading a picture after adjusting my default image sizes (large 700x1200, medium 350x600, thumbnail 175x300) and tried to put it into a page using the large size, but the large size in the add media panel only shows 604px for the width– not 700px. That lead me to two solutions:
1. Center the image, and have it be a reduced width from my text. Not ideal, but it will work I guess.
2. I could import my images in the large size (604px), and then in the text editor, adjust the width to 700px. Lots of extra work when compounded over how many images I plan to upload, but it looks how I want it.
Okay, so two annoying solutions to the basic problem. But then what about if I want to use a gallery. Here is where things really get annoying.
I have don't have any control over the width or alignment of any galleries. When I use the tiled thumbnails, it is centered and looks okay (though still only the 604px). But if I adjust the size of the images in the short code or use one of the jetpack galleries, the gallery is then left aligned and stupid looking. I tried putting class="aligncenter" into the gallery shortcode, but it made no change.
So is there any way to adjust the default content size to match the text at 700px wide without having to pay for the css editor? This is actually what makes the most sense, and it makes the entire centering issue moot. Or is there a work around I don't see to at the very least be able to center the gallery?
The blog I need help with is michaelkuiken.wordpress.com.