benconners

Excellent, thanks a bunch!

OK thanks. I know it’s possible because it’s been done before, so hopefully someone else will chime in.

Have a good night!

Well that’s my problem unfortunately, the above CSS doesn’t work in my new blog for some reason so I was hoping for some help to make it work like it did before (I like all of my images centered, it’s ok!)

Do you know what I’d need to change to duplicate this on my new blog?

I was able to do it using custom CSS at WordPress.com. The CSS looked like this

#content img {
display: block;
margin-left: auto;
margin-right: auto;
}

.alignleft, #content img.alignleft, .hentry img.align.left {
margin-right: 20px;
}

.alignright, #content img.alignright, .hentry img.align.right {
margin-left: 20px;
}

Hi!

The horizontal photos appear centered just because they’re set to spread across the entire body area of the site, what I’m really after are for the vertical photos/captions to be centered in the body area instead of left aligned…

I’d just like to be able to negate the CSS code we entered that’s telling an image to ignore the size it’s set at and size itself to 100%, so that I can make an occasional image smaller than 100% when desired. I guess I don’t know how to explain it more specifically than that…

Thanks for the help, I’ll try to get it figured out and if I can’t, make a decision about changing every post to a featured image thumbnail.

Thanks again!

Will do, thanks for the help!

That’s strange, thanks for letting me know. I’ll have to go back through and reenter URLs for images that are tied to WordPress.com.

In general I like the CSS we added to make all images 100% size across the blog. I would just like to be able to make an occasional image smaller while still maintaining the overall CSS rule across the site. Is there a way to negate the CSS for a specific image here and there by changing the code for the specific image in post editor?

I want to be able to say “apply this CSS to all images across the site except those that have such and such code applied to them in the post edit box”.

I see what you mean about not being able to see certain photos. It looks like they came over in the migration and are being tied to my temporary URL that I built the new site on:

https://50.87.248.59/~explost1/wp-content/uploads/2016/03/rtt-logo.jpg

I’m not sure why that’s happening but I have hundreds of photos that were uploaded to the old site, so I’m not sure what to think of that.

I’ll look into the thumbnails/featured imagine idea. I like having the features imagine blown up to full size on the front page/feed, which is why I avoided using thumbnails in the past.

That gets me very close! Now I’d just like to be able to modify sizes of certain photos here and there. So in other words, apply that rule unless I specifically say otherwise. Is there a way to maybe do that?

An update: The overall issue seems to be that the theme doesn’t apply the same rules to the front page of the site as it does to posts. Changing the theme’s content width using the plugin above fixed all photo sizing issues within posts, but not on the post feed/front page of the site.

Even if I manually set all my excerpt images to be 700 pixels wide (by editing the photo css inside each excerpt) so that excerpt images on the front page look properly sized on a desktop, if I then access the site from a mobile phone I still get zoom/sizing issues with excerpt photos because the screen is too small to accommodate the 700 pixel-wide images. Open up a post on a mobile phone however and all photos are automatically re-sized to account for the screen size of the device.

Hopefully this makes sense. I’m not sure what to do to make the theme re-size excerpt images on the front page that same way it does inside of posts.

Hi!

That’s correct, because of the limitations of the old theme, I inserted photos directly into the excerpt box which essentially accomplished the same thing. My old theme’s “content width” setting also applied to these images that are inserted into the excerpt area but that doesn’t seem to be the case with the new theme.

I can log out of WordPress.com and .org and still see these over-zoomed excerpt images. I wonder if there’s a better way to fix them than to go into all 230 posts and manually set the width to 750…

Thanks, that seems to have helped in fixing my image sizes inside of posts, but my excerpt images as they appear on the front page are still out of whack (like the 3rd post down on the front page for example).

Also still looking to center vertical images and confine caption width underneath them…