http://biz141.inmotionhosting.com/~lynchb8/?portfolio=lorem-ipsum

On this page I added an image to the front end of the portfolio.

Scroll down to the portfolio gallery… the incorrect thumbnail displays.

I set css img { max-width: 100%; max-height: 100%; } to fix thumbnail distortion in ie8 on the archive pages

but just realize it messed up the slider images.

I changed to this so it is more specific:

img.attachment-square.wp-post-image {

max-width: 100%;

max-height: 100%;

}

which does seem to work for just the archive images.

But i can’t seem to get the latest post widget tiny images to fill square. Also the “you might also like” (related posts) images are distorted. Seems the style above should have fixed – but it does not.

I am also having issue with the size of images inside of tabs – for some reason they are too large in ie8 and a scroll bar appears.

Can provide an overall generic style sheet for the ie fixes? It seems to be a lot of work to get this theme to work in ie8. Having to go through all the images and remove the width and height is bad enough but also having to figure out all the css style to change and then only to effect ie8 etc..

I just have this which changes the image sizes in the functions.php

<?php

function avia_change_image_size_array()

{

global $avia_config;

$avia_config = array(‘width’=>36, ‘height’=>36); // small preview pics eg sidebar news

$avia_config = array(‘width’=>180, ‘height’=>180); // small image for blogs

$avia_config = array(‘width’=>1500, ‘height’=>901 ); // images for fullsize pages and fullsize slider

$avia_config = array(‘width’=>1500, ‘height’=>1500 , ‘crop’ => false); // images for fullscrren slider

$avia_config = array(‘width’=>495, ‘height’=>297 ); // images for portfolio entries (2,3 column)

$avia_config = array(‘width’=>260, ‘height’=>156 ); // images for portfolio 4 columns

$avia_config = array(‘width’=>710, ‘height’=>426 ); // images for portfolio entries (2,3 column)

$avia_config = array(‘width’=>710, ‘height’=>270); // big images for blog and page entries

$avia_config= array(‘width’=>1030, ‘height’=>619 ); // images for fullsize pages and fullsize slider

if(avia_get_option(‘responsive_layout’) == “responsive responsive_large”)

{

$avia_config = array(‘width’=>845, ‘height’=>507 ); // images for portfolio entries (2,3 column)

$avia_config = array(‘width’=>845, ‘height’=>321); // big images for blog and page entries

$avia_config= array(‘width’=>1210, ‘height’=>727 ); // images for fullsize pages and fullsize slider

}

avia_backend_add_thumbnail_size($avia_config);

}

add_action( ‘init’, ‘avia_change_image_size_array’, 1);

I removed the width and height attributes to fix the disappearing image issue in ie8 – thank you

I set css img { max-width: 100%; max-height: 100%; } to fix thumbnail distortion in ie8 on the archive pages – thank you

The plugin html5shiv made the site display worse in ie8 – I removed

The latest post widget image – in ie8 displays too small and does not fill the square. Can you tell me what css to add to fix?

Hallo Ismael.

Ich kann leider keinen Screenshot posten, da ich es nicht schaffe eine Gallery Seite aufzubauen.

Folgende Frage:

Ich möchte eine Seite mit dem Titel “Gallery”anlegen. Auf dieser Seite möchte ich im Ajax Stil Rubriken wie zum Beispiel “People”, “Tiere”, “Landschaft” anlegen. Und wenn man eine Rubrik anklickt dann soll eine Slider Gallery kommen mit einem grossen Vorschaubild und unterhalb kleine Thumbnails.

Müssen die Fotos auch eine bestimmte Grösse haben, damit sie alle in der gleichen Grösse im Ajax Stil angezeigt werden?

Danke.

lg

Harald

Please read over the post from the top.

I am getting this problem when loading images in the preview gallery on IE10:

http://www.chriswardphotography.com/test-area/examples/image-test2.jpg

The ajax is only mentions as Ismael gave me some CSS that fixed the loading problem in the gallery but messed with the ajax thumbnails in the portfolio page so I could not use it.

#top div .avia-gallery img {

max-height: 100%;

}

Thanks for your response.

I have followed your instructions but it still doesnt look like theme.

Theme here: http://kriesi.at/themes/enfold/blog/blog-single-small/

Shows a thumbnail of the feature image for that post – with no large image >> on the actual post page it shows large image

Mine: http://eyecandymedia.com.au/preview/ecmnew/blog/

Now shows a thumbnail in grey but not a thumb of the feature image like above. It also shows a large image… the theme doesn’t do this?

Any ideas/

thankyiou

Hmm, that didn’t seem to do the trick. I will go through and remove the featured image on them all and then read them and see if I’m getting the same problem and then get back with you. Super weird, eh. I’ve don’t have a clue as to why it’s linking to the wrong thumbnails.