Joomla Templates Club 406,261 posts

[wnrdesign Friend wnrdesignJoin date: July 2011Posts: 15Downloads:0Uploads:4 Thanks: 2 Thanked: 4 times in 1 posts]

#187647

Hello,

We are using the JA Wall site for a customer of ours, but we only use images instead of text. What we want is to use a fixed width of the columns instead of percentage based.

Our template is getting a lot better if this is fixed (sharper images).

How can we achieve this?

Kind regards,

Wouter

[Wall Crasher Developer Wall CrasherJoin date: December 2011Posts: 1113Downloads:0Uploads:15 Thanks: 66 Thanked: 361 times in 300 posts]

#495250

Hi wnrdesign,

If you want to display a fixed width for JA Wall block, you need to customize a bit.
The layout with the fixed width block will cause some spaces on the right.

/* Medium */
.item {
width: 300px !important;
}

/* Small */
body.basegrid-s .item {
width: 300px !important;
}

/* Large */
body.basegrid-l .item {
width: 300px !important;
}

/* X-Large */
body.basegrid-xl .item {
width: 300px !important;
}

You can define all width value with 300px (or any value you like, just remember add !important to overwrite JA Wall default)

and change ‘updateContainerWidth’ function in templatesja_walljswall.js (line 90) to:

updateContainerWidth = function () {
lastWndWidth = $(window).width();

var cw = $('#base-blank-item').css('width', '').width();

$('#base-blank-item').width(cw);

if ($container.data('basewidth') != cw) {
$container.data('basewidth', cw);
updateBrickWidth();
}

// reload layout
reloadMasonry();
},

Hope it helps,

Regards

[Author]

Posts