Image size bigger then one uploaded (urgent)

Hi Sarhad12!

When you upload an image to WordPress Media Library, WordPress generates multiple thumbnails of that image. These thumbnails are smaller and may have different aspect ratios (that is, they may apply scale and corp transformations).

When you use Nelio External Featured Images, thumbnails are not generated (which is completely, because the image is hosted in a different server). Nelio “scales” and “crops” featured images using CSS rules. In fact, Nelio assumes that your theme defines CSS rules for each location in which a featured image might appear: for instance, a single post page or a related post widget.

If your images are too big, you’ll need to add one or more CSS rules in your theme. For example:

img.nelioefi {
  width:160px;
  height:160px;
}

I hope this helps!

Thanks for the help i Did add css you shown above. It is still same the size are still same and not small.. no change at all.

Could you please share a link to your blog?

Hi!

Try adding !important:

img.nelioefi {
  width:160px!important;
  height:160px!important;
}

You may need to add multiple rules, depending on the locations in which images might appear.

I added the above code also with the top you sent before no joy, I’m zero in css this is the problem. I like your plugin alot but this issue is causing problem.

You added the same rule again… it’s missing the !important directive. See this screenshot.

https://prntscr.com/8nyv3v

I have added look screenshot of it

Oh ok i did the code wrong its fixed now thanks but on right side the image is gone down also any fix for the right side?

https://prntscr.com/8nz3p0

right side i want it big like top one if possible thanks once again for this fix and also the top featured main image size is gone down also with this code

img.nelioefi { .alignleft width:200px!important;
height:200px!important; }

this works perfect for left side images but im stuck on making the right sde images and main centre image on top full size to fit the theme nicely

As I told you, you may need to add multiple rules for selecting the specific images in each location:

img.nelioefi {
  width:160px!important;
  height:160px!important;
}

.sidebar-content img.nelioefi {
    width: 100%!important;
    height: 250px!important;
}

Unfortunately, the current version of the plugin requires you to define this rules. And the results are “quite good”, but not perfect… and this is the best you can get!

I hope this helps you. Please, don’t forget to rate and comment on our plugin!

thanks buddy for all the help!!! where can i leave feedback for plugin

ok Just update on this…

mobile responsive theme is not working properly with changes on this

the featured image is messing up mobile theme…

this is what i dont for featured on normal css…

.featured img.nelioefi {
width: 100%!important;
height: 350px!important;

Not sure what is the fix for responsive theme