i have at the moment on all my sites the grid layout online.
You will have to edit each pages "grid" template and grid.css template ie
nflj_showcase_index_grid
nflj_showcase_category_grid
nflj_showcase_member_grid
nflj_showcase_index_grid.css
nflj_showcase_category_grid.css
nflj_showcase_member_grid.css
You will need to find this code in the 3 "grid" templates above
HTML:
<script type="text/javascript">
$(document).ready(function(){
$('.showcaseItemThumb .showcaseItemThumbnail').resizecrop({
width:200,
height:150,
vertical:"middle"
});
});
</script>
Change the Width attribute to a smaller value like 180
in conjunction with that, you will need to edit the CSS for those blocks.
This example code is for the INDEX page (nflj_showcase_index_grid.css). YOu will need to do this for all 3 CSS templates
You will need to find this code in the 3 "grid" templates above
Code:
.showcaseItemContainer .showcaseItemThumb {
border: 1px solid @primaryLighterStill;
height: 150px;
width: 200px;
overflow: hidden;
position: relative;
}
.showcaseItemThumb .showcaseItemThumbnail {
height: 150px;
width: 200px;
}
.showcaseItemContainer .showcaseItemInfo {
max-width: 200px;
}
You will need to change the WIDTH in these 3 classes to the same width that you changed in the above script.
You will need to do this for each PAGES templates (Index, Category and Member).
It looks hard, but its not
i think in the future it is better, if we can show the user the name of the item under the picture
or?
Feel free to post a request. I already have my own plans for how I want to change the "mobile" view for modules
in modular is the 3 card only half to see, on a 990px style. i have testet it at this moment.
The Modules blocks use a responsive Slider. That is expected behavior.. the container in responsive is dynamic width and will slide the 1/2 image to the far left (just resize the home page here to see how it works/looks).