Joomla Templates Club 406,261 posts

[odonel Friend odonelJoin date: October 2013Posts: 6Downloads:33Uploads:1]

#205040

How to get fluid ja_social or any joomlart templates for joomla 3.x ??

[pavit Moderator pavitJoin date: September 2007Posts: 15749Downloads:199Uploads:2274 Thanks: 417 Thanked: 4028 times in 3778 posts]

#564717

<em>@odonel 465589 wrote:</em><blockquote>How to get fluid ja_social or any joomlart templates for joomla 3.x ??</blockquote>
Hi

If for fluid you mean Responsive then you need to install template responsive version you can see a list of responsive templates HERE

Here you can find documentation for the responsive version of JA Social template

[odonel Friend odonelJoin date: October 2013Posts: 6Downloads:33Uploads:1]

#564722

Thanx for the reply…

Does that mean ja_social does not have a fluid version? I did not see it in the list. By fluid, I meant 100% like horizontal full screen…

[pavit Moderator pavitJoin date: September 2007Posts: 15749Downloads:199Uploads:2274 Thanks: 417 Thanked: 4028 times in 3778 posts]

#564730

<blockquote>Does that mean ja_social does not have a fluid version?</blockquote>

Yes JA Social has a responsive version

<blockquote>Introduction
The responsive Joomla template for Social – JA Social is now compatible with the latest version T3 Framework, </blockquote>

[odonel Friend odonelJoin date: October 2013Posts: 6Downloads:33Uploads:1]

#564732

I read it and thanks for the info. I am learning some configs from it, but how do I make my site 100% as opposed to 940px wide. I do not see it in the link you provided… thanks…

[pavit Moderator pavitJoin date: September 2007Posts: 15749Downloads:199Uploads:2274 Thanks: 417 Thanked: 4028 times in 3778 posts]

#564733

<em>@odonel 465632 wrote:</em><blockquote>I read it and thanks for the info. I am learning some configs from it, but how do I make my site 100% as opposed to 940px wide. I do not see it in the link you provided… thanks…</blockquote>

Hi

Take a look HERE

[odonel Friend odonelJoin date: October 2013Posts: 6Downloads:33Uploads:1]

#564743

Pavit, I would find it if it was that easy. There is no profiles button in ja_social. not for me at least…

[pavit Moderator pavitJoin date: September 2007Posts: 15749Downloads:199Uploads:2274 Thanks: 417 Thanked: 4028 times in 3778 posts]

#564746

You have installed already the Ja Social T3 version , it is responsive and you can enable or disable it via General Tab – regarding dimensions you can edit it in this file templatesja_social_t3lessvariables.less

// Default 940px grid
// -------------------------
@T3gridWidth: 940px; // T3 add. For non-responsive layout.
@gridColumns: 12;
@gridGutterWidth: 20px;
@gridColumnWidth: floor((@T3gridWidth - @gridGutterWidth * (@gridColumns - 1)) / @gridColumns);
@gridRowWidth: (@gridColumns * @gridColumnWidth) + (@gridGutterWidth * (@gridColumns - 1));

// 1200px min
@T3gridWidth1200: 1000px; // T3 add
@gridGutterWidth1200: 20px;
@gridColumnWidth1200: floor((@T3gridWidth1200 - @gridGutterWidth1200 * (@gridColumns - 1)) / @gridColumns);
@gridRowWidth1200: (@gridColumns * @gridColumnWidth1200) + (@gridGutterWidth1200 * (@gridColumns - 1));

// 980px-1199px
@T3gridWidth980: 940px; // T3 add
@gridGutterWidth980: 20px;
@gridColumnWidth980: floor((@T3gridWidth980 - @gridGutterWidth980 * (@gridColumns - 1)) / @gridColumns);
@gridRowWidth980: (@gridColumns * @gridColumnWidth980) + (@gridGutterWidth980 * (@gridColumns - 1));

// T3 Add: 768px-979px
@T3gridWidth768: 740px; // T3 add
@gridGutterWidth768: 20px;
@gridColumnWidth768: floor((@T3gridWidth768 - @gridGutterWidth768 * (@gridColumns - 1)) / @gridColumns);
@gridRowWidth768: (@gridColumns * @gridColumnWidth768) + (@gridGutterWidth768 * (@gridColumns - 1));

Change the Default Grid width from 940 to the dimension you need
after you modified it click on the button compile less to css

P.S.
First to make any change on less files take always a backup of your website

[Author]

Posts