Oxygen Theme – Inserting Images into Posts
-
I have another question on this theme.
When I insert images into a post, they always go in at max dims as 470px. Now i know this is set for the featured image, but for the actual images in the post, it ignores the size selected from the media library, and always defaults to 470.
You then have to go into Advanced Settings, and change to original size. Is there a way of getting the images to the correct size as they are inserted?
Thanks
RichardThe blog I need help with is: (visible only to logged in users)
-
Are these images in your Media Library or hosted elsewhere on the web?
If from your Media Library, what size are you selecting from the four available options (Thumbnail, Medium, Large, Full size) when inserting them in your post?
Can you link to a post where this is happening?
-
Thanks justjennifer, for your quick reply.
Please take a look at http://snapsandstories.com/2014/01/02/la-is-hot-but-i-still-love-you-new-york/
I have just added the first image again, 5 mins ago, selecting full size when inserting from media library (1000 x 667).
The second image, the exact same image, was inserted when the post was written, but I then had to go into advanced setting to change to Original Size, to make it go big.
Not too bad when there is 4 or 5 images, but I am writing a post with 49, so would rather not have to manually change 49 times if poss!
Thanks again
Richard -
-
Maybe not always 49, but it could be 10 or 20 regularly, and it would be nice to remove an additional step in the process if possible.
Much of my posts revolve around photography, and I would like the pictures as big as the theme allows.
Thanks
-
@richardachubb You have the custom design upgrade, if I remember correctly and looking at your site you’ve got a much wider content column than Oxygen’s default 470 pixels. Perhaps the problem lies there?
And rain is right. If you are not linking your images to the Photo Carousel or the image Attachment page, you should resize your images to the maximum width of your posting column before uploading.
-
Just to confirm, this is for the Posts pages, in case there were any confusion.
I always upload as 800 px or 1000 px max dimension, but these sizes are ignored by the theme when inserting the media into my post. It defaults to 470, regardless of what size I ask for.
I then have to go into advanced settings, change the image size to original, and then, regardless of what I have uploaded, the image changes to the maximum width the theme allows, which is 661 I think.
I am trying to eliminate the step above, so it automatically inserts as 661.
Any suggestions?
Thanks again
Richard -
As Jen pointed out, this isn’t a theme specific issue, it’s a CCS issue.
When you select the full-size option, the inserted version is original size, if the original isn’t wider than the post column, or scaled down to the width of the post column, if the original is wider. Normally, this width is 470px on Oxygen. You have removed the left sidebar and widened the post column, so now your max width is 660px. But the theme doesn’t know that yet: you need to go to Appearance > Customize > CSS, type 660 into the “Content Width” field, save.
Note 1: when the theme displays a scaled down version of the file you have uploaded, you lose some color and sharpness. So, if you want best quality on the post, use an image editing application to scale down copies of your images to 660px wide, and upload these copies.
Note2: In the future make sure you post CSS questions in the CSS forum, not the Themes forum.
-
To everyone, thank you. I know zero about CSS, so didn’t know the resolution to this query would turn out to be a CSS query, otherwise of course I would have posted this in CSS
To justpi, Currently, in my custom CSS, I have the following code. This was advised by other forum members for other tweaks i needed. Is there something in here I need to adjust (please let me know), or is it a new piece of code (please advise full code I need to add).
Thanks again
Richard.page-template-showcase-php #content-wrap {
float: left;
width: 100%;
}#featured-content article a img {
width: 940px;
height: auto;
}.page-template-showcase-php #secondary {
display: none;
}.page-template-showcase-php #content-wrap {
width: 100%;
}.page-template-showcase-php .wp-post-image {
width: 1000px;
}.single #content {
margin-right: 29.7872%;
margin-left: 0;
}.single #secondary {
display: none;
}@media screen and (min-width: 768px) {
.page-template-showcase-php #tertiary {
width: 25.3333%;
float: right;
}.page-template-showcase-php #content {
margin-right: 30%;
}.hfeed-more .hentry {
width: 45%;
}
}@media screen and (max-width: 1000px) {
.hfeed-more .hentry {
width: 100%;
}
} -
To solve the problem you asked about, the only thing you need to do is what I already suggested: enter 660 into the “Content Width” field.
The code you pasted above was suggested by thesacredpath, who is a CSS expert (he’s a lot more experienced than I am): there’s nothing you need to adjust or add.
What I don’t agree with is the purpose why this code was designed! The width of featured images is controlled by the PHP of the theme, not by its CSS; so when you use CSS to widen the main column (including the featured images) you don’t get real larger versions of your images, you get blown up versions of the default ones, i.e. poor quality. Compare this, for example:
http://ourtravelography.files.wordpress.com/2013/03/wpid-photo-13-mar-2013-1144.jpg
with the blurry version in the slider.
Personally I would never do that on Oxygen (or any theme that uses featured images the same way).PS We can see your CSS, so you don’t have to copypaste it here when asking about it.
-
OK, I didn’t see that little box for the content width, apologies
In terms of the slider, I agree, it doesn’t look as good when the forced image size is stretch, even thought the featured image size exceed the width needed.
I may look at this again, but in the meantime, many thanks, you have solved this problem
Thanks again
Richard -
@richardachubb – Well, if you don’t know much about CSS, then I wish I knew as much. :) My biggest “gripe” with Oxygen is the narrow posting column and your customization is exactly right.
@justpi- thanks for picking it up. I had an inkling about that setting, but couldn’t remember where it was.
- The topic ‘Oxygen Theme – Inserting Images into Posts’ is closed to new replies.
WordPress.com Forums 
