Images not resizing

  • I’m not the most skilled of webdevelopers so i apologize in advance for posting something covered a 100 times. I’ve read through some of the post and in relation to my site i don’t really know where to put some of the CSS so that the main image on our home screen with resize when on mobile. Instead it just makes the photo real grainy. This could be due to me using siteorigins pages to build most of my site.

    Any help would be greatly appreciated. Thanks.

    • This topic was modified 5 years, 10 months ago by stanleyj42.

    The page I need help with: [log in to see the link]

Viewing 1 replies (of 1 total)
  • Plugin Author Takis Bouyouris

    (@nevma)

    Hello, my friend,

    I am afraid it is quite difficult for me to guess where you should edit your CSS in order to achieve what you are describing. Usually there should be two options: a) somewhere inside your theme options in the /wp-admin and b) in the theme files itself, although, if you do it there, you should probably use a child theme for more future-proof results.

    However, one other quick thing that could try would be to change the image breakpoint sizes in the Adaptive Images plugin settings page. The default values there are probably “480, 768, 1024”, which means that the lowest possible width of image to be used is 480 pixels (and this is why your home screen image is stretched at a point where it appears too grainy. You could try making these size bigger, like “786, 1280” and see how things work out for you. If you do this remember to clear the plugin cache and do a hard refresh in you browser.

    Hope this helps!

    Cheers,
    Takis

Viewing 1 replies (of 1 total)
  • The topic ‘Images not resizing’ is closed to new replies.