Featured Image Container

I noticed that images seem oversized due to featured images being upsized to 829 x 522. Is there a particular reason for that? Can it be turned off?

Hello,

Images are adjusted to the container, because of reponsive. Could you give me more details with direct URls? (here or via PM).

Hello,

Images are adjusted to the container, because of reponsive. Could you give me more details with direct URls? (here or via PM).

Okay, that makes sense. Here's an example: http://tvsourcemagazine.com/2014/04/soa ... new-roles/

The image used is 600 x 400. The container upsizes it to a larger size. I generally use images between 600px and 800px, but sometimes we're given smaller images.

Hi,

It's ok, when you change the browsers's size image is adjusted. In this theme you should use images around 800px width (because it's also hover effect which scales up the image).

Of course you can use your original image size, by adding this code into override.cs file:

Code: Select all

article figure.featured-image img {
width: auto;
}

in this case you should also remove the hover effect.

Hi,

It's ok, when you change the browsers's size image is adjusted. In this theme you should use images around 800px width (because it's also hover effect which scales up the image).

Of course you can use your original image size, by adding this code into override.cs file:

Code: Select all

article figure.featured-image img {
width: auto;
}

in this case you should also remove the hover effect.

How would I remove the hover effect?

This code should remove the hove effect:

Code: Select all

article figure.featured-image:hover img {
   -webkit-transform: none;
   -moz-transform: none;
   -ms-transform: none;
   -o-transform: none;
   transform: none;
}