Blog Image Size & Quality

Discussion in 'Cloriato WordPress Theme' started by gabriellastrano, Nov 26, 2013.

Thread Status:
Not open for further replies.
  1. gabriellastrano

    gabriellastrano Member

    Joined:
    May 6, 2013
    Messages:
    95
    Likes Received:
    1
    Hi, I had an earlier thread of how do I make images on my blog full size, but it has been locked out of further comments. I did everything that was advised, but the images still seem to be locked at 300 x 110px, no matter what size the image actually is. I tried editing the text bit of the image to 600 x 220px and although it has increased the size of the image, the quality has been lost and is blurry. I've tried changing the page style to full width from blog but it has no difference. I've also tried putting the image in the "set featured image" section, but no image appears at all then.
    Please advise how I can get images 600px wide to appear in my blog without being cropped, downsized or decreasing the quality.
     
  2. gabriellastrano

    gabriellastrano Member

    Joined:
    May 6, 2013
    Messages:
    95
    Likes Received:
    1
  3. Nitesh

    Nitesh Support Staff

    Joined:
    Oct 19, 2012
    Messages:
    5,165
    Likes Received:
    160
    Hello,

    You are using Woocommerce plugin.
    Theme css will not work here.
    Try this code.

    Code:
    .post_content p img {
    width: 100%;
    }
    I will work. If not then please contact plugin related support forum.


    Thanks & Regards
    Nitesh Raghuwanshi
     
  4. gabriellastrano

    gabriellastrano Member

    Joined:
    May 6, 2013
    Messages:
    95
    Likes Received:
    1
    I have tried that, adding that the height needs to be 100% also, but the problem seems to be that when the media image is inserted into the post it is only inserting it at 300 x 110px no matter what size the image actually is. The image source size is detailed as 300px a 110px, but it needs to be 600 x 220. I have been changing the "width-"300" height="110" to 600 and 220 respectively, but this is blurring the image and decreasing the image quality.
    I don't understand how having a Woo Commerce plugin would effect the images on my blog page....?

    This is the text format of the image in my post: <a href="http://iozzolino.com/wp-content/uploads/2013/11/home-blog-post-image.png"><img src="http://iozzolino.com/wp-content/uploads/2013/11/home-blog-post-image-300x110.png" alt="home blog post image" width="300" height="110" class="aligncenter size-medium wp-image-320" /></a>
     
  5. Nitesh

    Nitesh Support Staff

    Joined:
    Oct 19, 2012
    Messages:
    5,165
    Likes Received:
    160
  6. Nitesh

    Nitesh Support Staff

    Joined:
    Oct 19, 2012
    Messages:
    5,165
    Likes Received:
    160
    Hello,

    Checked your site. Added css code in the custom css.
    Now just follow normal process for uploading post image.
    Check image for reference.

    post-img.png

    Thanks & Regards
    Nitesh Raghuwanshi
     
  7. gabriellastrano

    gabriellastrano Member

    Joined:
    May 6, 2013
    Messages:
    95
    Likes Received:
    1
    Thank you very much. All sorted. I just tried putting in another post to see if the image quality would be blurry again, but following your instructions, everything was fine.
     
Thread Status:
Not open for further replies.

Share This Page