GetSimple Support Forum
Responsive images in content - Printable Version

+- GetSimple Support Forum (http://get-simple.info/forums)
+-- Forum: GetSimple (http://get-simple.info/forums/forumdisplay.php?fid=3)
+--- Forum: General Questions and Problems (http://get-simple.info/forums/forumdisplay.php?fid=16)
+--- Thread: Responsive images in content (/showthread.php?tid=8215)

Responsive images in content - RandyC - 2016-03-21

I am using GS 3.3.8 and Timbows -Grill theme which comes across very responsive on my old Ipod, except for the image on the homepage.

I have tried to test it with several online responsive tests and it comes up blank.

So I have 2 questions.

How can I get the image to be responsive and I wonder why the tests don't work for this site?

http://boundary.ablurk.com/hope/

Thank you for you time
RandyC

RE: Responsive images in content - datiswous - 2016-03-21

Best to ask that question here: http://get-simple.info/forums/showthread.php?tid=6932

RE: Responsive images in content - Timbow - 2016-03-21

If I right click on your image to check the style declarations I can see the image dims fixed in px. You need to give the image % declarations either through the Editor or the css files. That theme uses bootstrap and I think bootstrap has a css class="img-responsive" which will also do the job

That's a big project you have taken on there!

RE: Responsive images in content - Ampersand - 2016-03-22

Answered
http://get-simple.info/forums/showthread.php?tid=6932&pid=55480#pid55480

RE: Responsive images in content - RandyC - 2016-03-23

Sorry for the delay guys, rough day yesterday, still trying to test.

I did try Timbow's class="img-responsive" solution and it worked perfect and started wondering if that could be done with CSS.

I hope to get a chance to check out Ampersand's CSS idea today

Thank you I'll be back

RE: Responsive images in content - Oleg06 - 2016-03-23

img {
max-width: 100%;
height: auto !important;
}

RE: Responsive images in content - RandyC - 2016-03-24

(2016-03-23, 19:22:25)Oleg06 Wrote: img {
   max-width: 100%;
   height: auto !important;
}

Yes, this seems to work, it is the same as Ampersand suggested on the other thread.

Thank you all, one by one I am finding ways to get everything working.

Anyone have any idea why it wouldn't work on the online responsive testers like http://mattkersley.com/responsive/