Photo Appeatance Reduced on Website

Support
#1

I have been trying to upload a photo with a width of 900 into website I am redoing but everytime I insert the photo it is automatically reduced to 300

I check the text and the image says 900 but it appears at 300.

Can you assist?

#2

HI There,

Thanks for writing in!

When you upload a image, theme generates 4 different size of image to use in different places like post thumb, post feature image etc.
I am not sure which exactly image you are referring on a page, please confirm if you are using the image via cornerstone editor or a normal post image? so that we can give you a possible solutions.

Thanks

#3

I am not using cornerstone … you can see what I am referring to by going to wp.ticotravel.com and click on the only blog post that has been listed at this point

Also… if you could also tell me how to reduce the size of the photo that appears on the main page where the listing of blog posts starts, that would be helpful as well.

Thanks

#4

Hi There,

Could you please try adding the following CSS rules into your Theme Options > Global CSS area and see if that helps.

.blog .entry-featured {
    max-width: 40%;
    float: left;
    margin-right: 2%;
}
.blog .entry-wrap {
    padding-top: 20px;
}

Hope that helps.

#5

That helped a lot for the main page, however I still have the issue of a large photo on the blog post page itself as well as the photo being automatically shrunk to 300w even though it is 900w

#6

I figured out the 300 width photo error… of course it was of my own doing. However I still cannot seem to figure out how to make the top picture in the blog smaller… for me its much to big and I would like to find a global way of making them smaller.

Build out site is wp.ticotravel.com … go to the one (and only) blog post and “read more” and you will see the photo on the actual post

Thanks

#7

Hi There,

Are you referring to the following image? The maximum width you can get is around 700px with the sidebar, so the height also will be reduced proportionally.

Thanks!

#8

[quote=“mldarshana, post:7, topic:33140”]
image.jpg726x307 173 KB

Yeah… I got that… The issue I have now is the size of the photo on the top of the page (the double car )… its the same as the one on the main page but the photo is too big on the on actual blog page:

How can I have a smaller version of that photo in this post and all subsequent

#9

Hi There,

Thank you for the clarification, you can update the custom CSS provided by Darshana previously, so it would also be applied to the posts page itself.

.blog .entry-featured,
.single .entry-featured {
    max-width: 40%;
    float: left;
    margin-right: 2%;
}
.blog .entry-wrap,
.single .entry-wrap {
    padding-top: 20px;
}

Or you can hide the featured image on posts page and add the image as an element so you can control the width of it.

.single .has-post-thumbnail .entry-featured {display: none;}

Try both methods and see which one works for you.

Cheers!

#10

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.