Change blog image size

Discussion in 'Compass WordPress Theme' started by crystal0811, Mar 17, 2015.

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

    crystal0811 Member

    Joined:
    Jun 14, 2012
    Messages:
    204
    Likes Received:
    9
    I created a blog for one of my clients at http://cyndistrid.com/. On the page that lists all of her blogs, the images are all one size, so if she has a rectangle image it gets squished. Is there a way to change this so her images are accurately proportionate?
     
  2. praveen

    praveen Support Staff

    Joined:
    Jan 1, 2015
    Messages:
    2,344
    Likes Received:
    67
    Hi crystal!

    We have tried to open the website page from the link as you mentioned above,but this website is under maintenance.
    Please make it live so that we can help in resolving your issue.

    Also, provide us some edited screenshots of your issue.

    Thanks,
    Praveen
     
  3. crystal0811

    crystal0811 Member

    Joined:
    Jun 14, 2012
    Messages:
    204
    Likes Received:
    9
    You are probably 13 hours ahead of me. I will deactivate the maintenance mode for you this evening so you can help me.
     
  4. praveen

    praveen Support Staff

    Joined:
    Jan 1, 2015
    Messages:
    2,344
    Likes Received:
    67
    Hi, crystal!

    I have checked your website and are not getting any issue in your website.

    Could you please provide us some edited screenshot to understand your issue and assist you accordingly?
    Also provide us the link of page where you have the issue.

    Thanks,
    Praveen
     
  5. crystal0811

    crystal0811 Member

    Joined:
    Jun 14, 2012
    Messages:
    204
    Likes Received:
    9

    Attached Files:

  6. praveen

    praveen Support Staff

    Joined:
    Jan 1, 2015
    Messages:
    2,344
    Likes Received:
    67
    Hey, crystal!

    I have got your concern,

    Please paste the code given below in Custom CSS section
    (Appearance -> Theme Options -> Styling Options -> Custom CSS) of your dashboard.
    Code:
    .post_content p a img {
      width: 308px !important;
      height: 292px !important;
      float: left !important;
      padding-right: 20px !important;
    }
    Thanks,
    Praveen
     
  7. crystal0811

    crystal0811 Member

    Joined:
    Jun 14, 2012
    Messages:
    204
    Likes Received:
    9
    That made both images a square. I want the images to be proportionate to their original size on the blog list page as well as on the actual blog. Many of her images are not the same size or proportion.
     
  8. crystal0811

    crystal0811 Member

    Joined:
    Jun 14, 2012
    Messages:
    204
    Likes Received:
    9
    The square makes the image condensed so the proportions are off.
     
  9. praveen

    praveen Support Staff

    Joined:
    Jan 1, 2015
    Messages:
    2,344
    Likes Received:
    67
    Hi, crystal!

    If you want to use the original size of images in blog posts,
    then paste the code given below in Custom CSS section
    (Appearance -> Theme Options -> Styling Options -> Custom CSS) of your dashboard.
    Code:
    .page_content .content_bar .post .postimg {
      width: auto !important;
      height: auto !important;
    }
    .post_content p a img{
      width: auto !important;
      height: auto !important;
    }
    Thanks,
    Praveen
     
  10. crystal0811

    crystal0811 Member

    Joined:
    Jun 14, 2012
    Messages:
    204
    Likes Received:
    9
    Thank you!
     
Thread Status:
Not open for further replies.

Share This Page