The text and images are all vector. I’ve tried different sizes of images to see it affects the blurriness, but the size does not seem to affect it. Please note, my original question was regarding the featured images, but the same thing is happening with the LayerSlier WP as you can see for yourself in this page link: http://ebmd.ca/wordpress/?page_id=644

Please advise.
Thanks!

Hi Kevin,

Okay, so here’s the problem: For the LayerSlider WP which is included in the JOOP theme, I have created the images (using Illustrator then ‘saved for web’ (I’ve even tried images optimized using Photoshop to ensure the dimensions and the file size is as small as possible) at the same size as the size specified for the slider image dimensions (600px x 250px). Now, you are correct that if I were to simply insert the image on a page and select full width, then yes the image is not blurry; however, when dealing with the Layerslider WP ‘full width’ and size options are not given in the media library option panel (I’ve attached a screen shot). The image size that is uploaded is listed in the media library as 600px x 250px so there shouldn’t be any resizing of the images, logically speaking. Interestingly, inserting the image (the same 600px x 250px image) onto a page creates a much smaller image than the size of the slider (600px x 250px) which makes this rather confusing since it seems to indicate that I need to create a larger image for the slider… do you understand what is happening here?

FYI: my plugins and version of WordPress are all up-to-date — in case you are wondering.
Use link to view the problem: http://ebmd.ca/wordpress/?page_id=660

Thanks in Advance,
Pauline

I’ve attached a screenshot of the media library upload and insert panel.

Hi Michael,
Oh, I didn’t realize I needed to enter the code somewhere. Any chance you can point me in the right direction? I’m looking for where you are referring to right now — no luck, so far.

Thanks!!
Pauline

Done (code entered). Any chance someone could address our problem with the blurry images/text appearing in the slider now?

Thanks!
-Pauline

Thanks Mike! I’ll try this, but why 1180px…I’ve set the dimensions of the slider to be 600x250px in the settings panel.
Thanks!!!!

I resized the vector images to suit a 1180px-width … so my guess is that regardless of the dimensions that I set the slider to, the width of the slider (and it’s image width must be 1180px) to avoid the blurriness.

Thanks a ton!!!!!

Hi Anass,
I edited the vector .ai file (scaled the content to 1180px width and 500px height) to fill the screen. Are you scaling the vector file then saving for web (as png)? If you are just resizing the images using Photoshop then you may still have blurriness depending on how much you’ve resized the images and the number of times etc. If you are using photoshop then definitely use the largest original image (to maximize the resolution), and then scale proportionally using Photoshop’s image resizing. Hope this helps!

The purchase code has already been submitted to your sales@theme-dutch.com email. I am hesitant to post such information here (on a public forum where it will remain until the end of time) because it may be the only information available which verifies my purchase (through Themeforest), and if it has been made public then this may cause future problems. Please check your sales@theme-dutch.com email, or if you could provide me with your email address I could send it directly to you. Thank you!!