Making images Responsive to Template
Permalink Browser Info Environment
Using your theme to create some landing pages and would like to know what code will work in the highlighted area to make the image responsive yet stay within the parameters of the theme.
With no images on the site it wraps perfect to every device I have. But, when I add images it wraps to their size. I discovered that I needed to change the code to make them fit 100% and did get them to be responsive but they fit the size of the device and the footer and copy reduce size and are not readable.
I've found various code scenarios through help desks but none of them exactly work the way they should.
How do I get the image to be the same width as the footer on any device? Image "Screen Shot 2016-01-04 at 12.45.31 PM" indicates where I would like to put the code. It doesn't show it now but at one point did define height and width.
What I want to know is what can I add, see below? Not a coder so trying to do this within the confines of the CMS.
<h2><img src="/index.php/download_file/view_inline/4/" alt="6d584181b9b45524fcba267c6778d964_f169.jpg" INSERT YOUR ANSWER HERE /></h2>
Thanks
With no images on the site it wraps perfect to every device I have. But, when I add images it wraps to their size. I discovered that I needed to change the code to make them fit 100% and did get them to be responsive but they fit the size of the device and the footer and copy reduce size and are not readable.
I've found various code scenarios through help desks but none of them exactly work the way they should.
How do I get the image to be the same width as the footer on any device? Image "Screen Shot 2016-01-04 at 12.45.31 PM" indicates where I would like to put the code. It doesn't show it now but at one point did define height and width.
What I want to know is what can I add, see below? Not a coder so trying to do this within the confines of the CMS.
<h2><img src="/index.php/download_file/view_inline/4/" alt="6d584181b9b45524fcba267c6778d964_f169.jpg" INSERT YOUR ANSWER HERE /></h2>
Thanks
Type: | Pre-Sale |
---|---|
Status: | Resolved |
Try this:
<h2><img src="/index.php/download_file/view_inline/4/" alt="6d584181b9b45524fcba267c6778d964_f169.jpg" style="max-width:100%;" /></h2>
I hope this fixes your problem.
Regards.