Image is resized, but where is the code?

Posted on 2014-04-16
Medium Priority
Last Modified: 2014-04-16
Hi, Please see: pamstevensonjewellery.com

The first piece of jewellery, Chucks o Crystal... the photo ishows dimensions: 800px × 1,107px (scaled to 125px × 174px)

I want it to be scaled to 253x190, but I can't find the place where it's scaled down. It must be a percentage, because I've searched screen.css, lightbox.css, and the associated js files and can't find wither of those dimensions( 125px or 174px).

Can you help me rescale the photos to what I require? Thanks!
Question by:mel200
  • 3
LVL 16

Expert Comment

ID: 40004192
Are you using a dynamic image resizing? If you view the source, your image has the dimensions: width="253" height="190" although it displays smaller. If you remove the lightbox link, does that make any difference?

Author Comment

ID: 40004336
If I comment out screen.css and lightbox.css, the dimensions change to: 800px × 1,107px (scaled to 253px × 350px), which is fine, I'll take that. But then I lose the lightbox effect, obviously.

So the dimension change is in one of those two css files, and it must be a percentage, Can you help me find it?
LVL 45

Accepted Solution

Chris Stanyon earned 2000 total points
ID: 40004531
Your image has a class of example-image which has it's width set in screen.css - line 313:

.example-image {
    border-radius: 5px;
    width: 7rem;

Open in new window

A rem is a unit of measurement introduced to HTML5 - similar to an em.

Author Comment

ID: 40004619
ok, thanks!!

Author Closing Comment

ID: 40004628
Thanks so much!

Featured Post

Get 10% Off Your First Squarespace Website

Ready to showcase your work, publish content or promote your business online? With Squarespace’s award-winning templates and 24/7 customer service, getting started is simple. Head to Squarespace.com and use offer code ‘EXPERTS’ to get 10% off your first purchase.

Question has a verified solution.

Are you are experiencing a similar issue? Get a personalized answer when you ask a related question.

Have a better answer? Share it in a comment.

Join & Write a Comment

No other job is as rewarding and demanding as building an iPhone app is. It is not really in the hands of the developer for the success of an iPhone app. Many factors operate jointly for every iOS application's success in the market.
Now many of you may wonder how you can reach great design with least number of essentials. Isn’t stuffing ‘more and more number of elements that speak for the purpose’ the right way to do it? Erm, not always, and in this write-up, you will see why.
This video teaches users how to migrate an existing Wordpress website to a new domain.
Video by: Mark
This lesson goes over how to construct ordered and unordered lists and how to create hyperlinks.

621 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question