how to make all images responsive

  • Resolved HelenNovice

    (@helennovice)


    11 years, 3 months ago

    My current site is looking okay with the images added, but once I hand this over to client, will their images automatically be responsive?

    I’ve instructed them to resize images and compress them before uploading. But after reading several forum questions and answers on this subject, I’m not sure I’m doing this correctly.

    Do I need to add CSS so any image uploaded (static site – no posts), will be responsive down to a smart phone?

    They show an example in 2012 for theme Twenty-Eleven. I’m not sure I know if that will match my Responsive-Child theme. I can see that all images have a height and width on their tags from just uploading them to WP.

    So again, my question is “is there a CSS code that will allow all images added through WP media to be responsive?”

    If not, is there a solution that I can implement before I turn the site over to the owner? It’s still in test version so I have time, but would like to begin getting this straigtened out as soon as possible.

    Thanks!

    Current WP
    Plugins: All in One WP Security

    Helen

    https://www.washingtoncountysheriffwi.org/cms

Viewing 3 replies - 1 through 3 (of 3 total)

  • Is that link is the site in question ? If so, its footer is ruining the responsiveness of the layout already.

    Regarding the image, most WP respoinsive themes including the one you use already come with responsive image class in the stylesheet, all taken care of.

    Users only need to be aware of the image size ( as in file size ) that’s optimized for page load, and the dimension ( as in px width ) that *should* be equal to or wider than theme’s layout.

    Thread Starter HelenNovice

    (@helennovice)

    Thanks, that makes sense. I have the footer in a table and I don’t know yet how to line these up without a table or how to make a table responsive. I am taking it one step at a time. ??

    As this is a totally static site, we have several pages with tables that convey everything from fees for records to our most wanted list with photos and charges.

    I’m fairly certain I saw somewhere that explains how to make a table responsive. I will have to work on that soon.

    Thanks.

    better if you use a Divs + CSS.

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘how to make all images responsive’ is closed to new replies.