Fitting images to window size

  • Resolved Pluh

    (@pluh)


    11 years, 2 months ago

    I want to put some images below the main content and above the footer, where the Footer ads should normally appear.
    I have 6 images and in smaller resolutions then 1500px 1 image goes in the next row, in smaller resolutions 2 images go in the next row etc.
    How do I make my 6 images responsive? Can I use some class that the theme already uses? The same class that the header logo uses?

    I tried putting the images in a footer widget but the images get cut off.

    Here’s a screenshot: http://i.imgur.com/JCw2kk5.png

Viewing 1 replies (of 1 total)
  • Thread Starter Pluh

    (@pluh)

    11 years, 2 months ago

    I did it by adding a custom wrapper

    <style>
.wrapperCustomMenu {width:58.536585%; /*960/1640 = .58536585*/ margin:0 auto;}
.resizeCustomMenu {width:100%; height:auto;}
</style>    

<div class="wrapperCustomMenu">
  <img class="resizeCustomMeni" src="image.jpg" />
  <img class="resizeCustomMeni" src="image1.jpg" />
  <img class="resizeCustomMeni" src="image2.jpg" />
</div>

Viewing 1 replies (of 1 total)

The topic ‘Fitting images to window size’ is closed to new replies.

Tags