-
Posts
-
Hi Support
Really nice theme, I’m loving it. Just need a small help though.
1. I’ve installed the WP Retina 2x plugin. Since I like to custom make pixel perfect images, I usually don’t upload the full res images, instead the exact height and width according to the place where I need to display them. So I’m not using the Retina 2x dashboard to generate the retina images instead I manually create the double res images with @2x in the end and upload it to the wp-content/yyyy/mm folder. I thought it would work but it isn’t : ( Am I doing it wrong?
I’m emulating a retina display in Firefox by changing the value of the preference “layout.css.devPixelsPerPx” to “2.0”. After that I clear the cache, cookies etc and load the website but @2x images are not being picked up. The retina.js script is loading fine, I can see that in the head section but no further luck : (
When I check other retina sites in FF like apple.com, onthe8.com etc, 2x images appear on-the-fly as soon as I change the value of the above mentioned pref to 2.0.
2. Not only my images, but the theme’s own retina graphics are not loading as well. For example the forward and backward buttons in lightbox become blur on 2.0. Similarly the dropdown arrow in the main menu of the mobile version of site looks dull on 2.0.
For testing purposes I’ve uploaded the 2x versions of logo and the homepage slider image only. I can send you the link to the website. Please tell what am I missing?
Regards
SunnyHey!
1) I tagged the thread for Kriesi – I’m not sure if the WP Retina 2x plugin is compatible with Enfold or not.
2) If you don’t want to use the PrettyPhoto lightbox because the button/images are not optimized for retina displays you can try fancybox instead ( https://github.com/fancyapps/fancyBox ). I uploaded a child theme which removes the default prettyphoto lightbox and uses the fancybox script instead here: http://www.mediafire.com/?05ho02ecut516hu
3) The dropdown icon of the select box is a png image – I’ll ask Kriesi to replace it with a high res version.
Best regards,
PeterHey!
I think a better approach would be to deactivate all plugins except WP Retina 2x and then check if it works or not. I talked to Kriesi and he also didn’t test the theme with WP Retina 2x or Retina notebooks yet – thus we also do not advertise it as “retina ready for all devices” but only as “Retina Ready: for smarthpones and tablets” and these devices use screens with lower resolutions than notebooks or desktop retina displays.
Best regards,
PeterHi
Thanks a lot dude for your answers. I can confirm that WP Retina 2x is compatible with Enfold. It was not the plugins, I actually have a very long .htaccess with all sort of rules for security and other things. The following code was blocking the retina.js to load the @2x images.
# Block Suspicious Request Methods RewriteCond %{REQUEST_METHOD} ^(HEAD|TRACE|TRACK|DEBUG) [NC] RewriteRule ^(.*)$ - [F,L]Removing the word “HEAD” from the above line resolved the issue. Also for anyone else trying to figure out any issues, earlier I had to remove the following lines from .htaccess for Avia Page Builder to work otherwise nothing loads in drag and drop mode instead a throbber keeps on spinning indefinitely in the middle of page as if theme is trying to load something.
# BAD Content Type - Deny POST Requests With Content Type Other Than application/x-www-form-urlencoded|multipart/form-data RewriteCond %{REQUEST_METHOD} =POST RewriteCond %{HTTP:Content-Type} !^(application/x-www-form-urlencoded|multipart/form-data.*(boundary.*)?)$ [NC] RewriteCond %{REQUEST_URI} !^/(wp-login.php|wp-admin/|wp-content/plugins/|wp-includes/).* [NC] RewriteRule .* - [F,NS,L]Now if only Kriesi could provide the retina images for menu drop down as it’s next thing after logo :)
Dude can you please provide a link to any live website running the child theme you suggested with fancybox at it’s default settings? I want to take a look before trying.
Best Regards
Sunny
- The topic ‘Problem Loading The Retina Images’ is closed to new replies.