3 {{ upvoteCount | shortNum }}
3 {{ upvoteCount | shortNum }}

Stopping images on sidebar being scaled down automatically!?

by satrap
2 replies
  • WEB DESIGN
    • |
Hi Guys,

I have installed this free theme which is supposed to be very fast. Its called Frank. I really like it.

But the problem I have is that when I add images to the sidebar (as widgets), it automatically scales them down. For example an image of 250 x 250 gets scaled down to 212 x 212.

I normally have no problem with that, but there are times I want the image to show as is.

I suspect its something to do with CSS, but I am not that savvy to figure it out. I would appreciate any help. Thanks.

You can see exactly what I am talking about in my sidebar HERE if you right click on the image and see the image info, you can see the original size and the scaled down size.

Thanks.
#automatically #images #scaled #sidebar #stopping
  • Profile picture of the author Brandon Tanner
    Your "sidebar" div is set to a percentage-based width (21%), so it's always going to scale based on browser display size (if you resize your browser on that page, you'll see what I mean). That is what you want though if you're going for a "responsive" design (ie one that looks good in all screen sizes, including mobile).

    If you want the sidebar to always be the exact same width, then you'll have to change it to a fixed width. If you do that though, then you will have to change your entire layout to be based on a fixed width, otherwise it won't look right (that would involve changing the css for a LOT of div's and classes in the style.css file). If you don't understand how to do that, then it would be a lot easier for you to use a theme that's based on a fixed width, instead of one that's responsive.

    Another thing you could do is keep everything "as is", and just redo the ebook cover and make the words on it bigger, so that it's more readable when it's scaled down.
    Signature

    {{ DiscussionBoard.errors[8338348].message }}
    • Profile picture of the author satrap
      Thanks very much for your detailed reply Brandon.

      Yeah, after playing around with FireBug last night, I realized the same thing you are saying.

      I tried fixed sidebar and you are right, it would look crazy in some browsers. The thing is I really love this theme. its fast, clean and I have already done bunch of customization.

      As for the ebook image, that's not the image I am actually concerned about. The image is an ad (not on there yet) for a CPA offer and it wont look good if I just resize it. Plus I did resize it to a bigger size just to see what happens and there is a limit on how big the image can get and for that image it just doesn't look right.

      I guess, I will have to find another way to show the image properly. Anyway, thank you very much for taking time to look at the site and help me out. I really appreciate your help.
      Signature
      60 Awesome Ways to Make Money Without a Job
      .................................
      Check out my blog Survey Satrap featuring honest reviews of paid survey sites.
      {{ DiscussionBoard.errors[8339957].message }}

Trending Topics