No need to get angry or use all caps. I’m trying to help as best I can.

I’m not saying there is no issue, I’m just trying to help with the issues I am able to see.

Kriesi is the only one of us that I *think* uses a retina macbook display. As is, I’m simply not able to see the issue with the hover effect live as its not happening on my iPad which is the only retina enabled display I have available.

What I was trying to suggest that you do was to adjust the base image size used in the portfolio grid to a larger image to see if that helps with the clarity of the image since it *is* something I can assist with.

If you are not interested in trying that now then we will just need to wait for Kriesi to take a look at the issue.

Try uploading larger images, I noticed after my initial post the source files are actually very small so even if you have the larger size set it wouldn’t work because you’ve not uploaded big enough images.

The portfolio grid gives you an option to set the image size that gets output in the grid.

What you need to do is:

Click on the Portfolio Grid element in your advanced layout editor for that page.

Next, look for the dropdown for the option “Portfolio Grid Image Size”.

Use the dropdown to select the option “Choose the Portfolio Grid image size manually”.

Now a new dropdown will appear that lets you choose the size of the image which gets output in your grid. Choose an image that is larger than what it is by default (The Gallery Option for example is 710×575).

Finally, save your options and view it on the front end.

Once again, this changes the size of the images uses in the grid which is where you are having your issue.

Edit: You will need to create larger images than the ones you have now since they are too small and are also contributing to the pixelation you are seeing: http://www.onthe8.com/wp-content/uploads/sell_with_singh.jpg for example is not going to be clear on retina unless the thumbnails is half that size.

• This reply was modified 12 years, 6 months ago by Devin.

Hello Jas!

What image size do you have chosen for the portfolio grid to display? It seems to me the reason the images are not showing in the proper size is that you’ve chosen too small of an image size from the portfolio shortcode dropdown for “Portfolio Grid Image Size
Set the image size of the Portfolio Grid images”.

Regards,
Devin

Hi Tom,

First, IE8 can not ever have responsive support without the aid of something like responsive.js . See: http://wordpress.org/plugins/respondjs/

1. This is actually new popping up just in 2.2 but can be fixed with:

.main_menu ul:first-child > li > a {
width: 100%;
}

3. You can try re-uploading your theme files with no plugins installed manually over FTP but the icon font does have IE8 support and viewing your site right now on IE8 natively I’m not having any issues with it.

4. This should fix the related entries issue:

.related_entries_container .attachment-square.wp-post-image {
height: 100%;
width: 100%;
}

5. The news thumb issue is odd. IE8 is not supposed to support min-width or min-height but it *is* on your site. I have no idea why or how unless you have a modernizer script running or something like that to give IE8 more css/html support than it should.

But this may fix it:

.image_size_widget .news-thumb {
height: 36px;
width: auto;
}

Ultimately using something like responsive.js and modernizer may be your best route to go if you are going to have a known IE8 audience as once IE11 is officially out IE8 will no longer be supported.

Regards,
Devin