How to resize outline items?

I've been searching on and many different things, but no clear method.

I need to resize the outline items and have the picture resized also, with aspect ratio. What is the best option?

Thanks

via the relevant css file/s

outline.css

yes, but I can't resize the pictures with good aspect ratio with css only...

Sure you can.

.wall-oii-image { width: 75% !important; height: 75% !important; }


And you pretty much have to anyway. The image sizes for the outline are not separate. The sizes are shared and determined by the individual modules involved. Settings in the photo module determine what size the thumbs for photos are, the video module the thumbs for the videos, ect. So the outline is not separate, so to change that would require the other modules be changed also which would affect everything.

So css is the only way to do it without a boat load of code changes to try and isolate things.

^^^^ what Deano said ;)

I'm having trouble with this.  You can increase the width of the container (div.wall-oi-item-cnt), but only up to a certain width, it seems.  And all that does is make them overlap each other.  It stays as 4 columns only.  Once you get past a certain number you get two columns, that's it.

I would like 3 columns.

The screenshot shows chrome's developer tools but I have hard coded this in my css file and the result is the same.

 RE

 You'll need to simultaneously change the column width in the document ready function in /modules/boonex/wall/js/outline.js

    $(document).ready(function() {
        $('#bx-wall-outline .wall-outline-items').masonry({
          itemSelector: '.wall-oi-item',
          columnWidth: 170,
          gutterWidth: 20
        });
    });
}

Yeah I knew there was more to it than what I could do with css.

Looks lovely now thank you.

Any module for this yet? I want the outline images and video thumbnails items to be approx 300 x 240.

Also the video thumbnails are not resized.. they display only a portion.

very late I return.. but, thank you hl !

Was there an answer to this? How do we edit the size of Outline images and videos?