Images are Large and Distorted in Right Column

Discussion in 'Infoway WordPress Theme' started by 10sgfraz, Jul 3, 2013.

Thread Status:
Not open for further replies.
  1. 10sgfraz

    10sgfraz New Member

    Joined:
    May 3, 2013
    Messages:
    18
    Likes Received:
    1
    Hello,

    My site's right column shows images that are large and distorted, totally different from the way images appear on my other sites. I am including examples to display the problem.

    My blog, www.GiftBasketBusiness.com/blog (not Infoway theme), includes images in the middle and right columns that appear perfectly. One example of this is the included example of a gift basket picture and text beneath it that are the correct size.

    My site, www.GiftBasketBusiness.com (Infoway theme), includes the same image in the right column, and it is large and distorted. This is the exact same code used on the /blog site and within other themes I use. Even if I upload an image within www.GiftBasketBusiness.com and add it in the right column, the image is large and distorted.

    In both cases, the image's code is placed in the widget as a text code. I have many blog sites and have never experienced this until using the Infoway theme.

    You can see differences in the screen shots, but the image sizes are very pronounced on the actual sites.

    What is causing this distortion to images in GiftBasketBusiness.com's right column, and how can it be solved? I want all images in the right column of www.GiftBasketBusiness.com to appear just as they do at www.GiftBasketBusiness.com/blog.

    Thank you,

    Shirley
     

    Attached Files:

  2. Nitesh

    Nitesh Support Staff

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

    Paste this code in Custom CSS
    Appearance > Theme Option > Styling Option > Custom CSS

    Code:
    .sidebar img {
    max-width: 100%;
    }
     
  3. 10sgfraz

    10sgfraz New Member

    Joined:
    May 3, 2013
    Messages:
    18
    Likes Received:
    1
    Hello Nitesh,

    The problem still exists with the ad that was on the site that I used as an example, but I'm going to table this for now and return for follow-up help in the future.

    Thanks.
     
  4. Piyush

    Piyush Support Staff

    Joined:
    Dec 8, 2012
    Messages:
    4,745
    Likes Received:
    107
    Hello,
    Go to the Appearance > Editor > style.css and search for the "sidebar img" ( by CTRL + F) and then replace the code
    Code:
    .sidebar img {
        width:100%;
    }
    with

    Code:
    .sidebar img {
      max-width:100%;
    }
    See the link given below for reference.
    http://screencast.com/t/KCgoQE5Wb

    This will solve your issue.
     
  5. 10sgfraz

    10sgfraz New Member

    Joined:
    May 3, 2013
    Messages:
    18
    Likes Received:
    1
    Hello Piyush,

    That works perfectly. The distortion is solved.

    Thanks so much,

    Shirley
     
Thread Status:
Not open for further replies.

Share This Page