Public Forums 71,145 posts

[Meng Fei Koo Friend Meng Fei KooJoin date: September 2014Posts: 76Downloads:0Uploads:2 Thanks: 11 Thanked: 2 times in 1 posts]

#202625

Hi all, I used to make website on Joomla 2.x and this is my first Joomla 3.x website project.

I would like to know, under JA Purity III, is there any way to change website width from WIDE to BOXED? As I seem some other template can do that.

EDIT: I only want to make a boxed width for desktop and above screen. Which mean to fix a max width.

Thanks
KMF

[Ninja Lead Moderator Ninja LeadJoin date: November 2014Posts: 16064Downloads:310Uploads:2864 Thanks: 341 Thanked: 3854 times in 3563 posts]

#554943

Purity III template defines some dimension layouts on site with the configuration from templates/purity_iii/less/variables.less file


// Extra small screen / phone
// Note: Deprecated @screen-xs and @screen-phone as of v3.0.1
@screen-xs: 480px;
@screen-xs-min: @screen-xs;
@screen-phone: @screen-xs-min;

// Small screen / tablet
// Note: Deprecated @screen-sm and @screen-tablet as of v3.0.1
@screen-sm: 768px;
@screen-sm-min: @screen-sm;
@screen-tablet: @screen-sm-min;

// Medium screen / desktop
// Note: Deprecated @screen-md and @screen-desktop as of v3.0.1
@screen-md: 992px;
@screen-md-min: @screen-md;
@screen-desktop: @screen-md-min;

// Large screen / wide desktop
// Note: Deprecated @screen-lg and @screen-lg-desktop as of v3.0.1
@screen-lg: 1200px;
@screen-lg-min: @screen-lg;
@screen-lg-desktop: @screen-lg-min;

// So media queries don't overlap when required, provide a maximum
@screen-xs-max: (@screen-sm-min - 1);
@screen-sm-max: (@screen-md-min - 1);
@screen-md-max: (@screen-lg-min - 1);


and you can easy to change the dimension layouts from that file.

[Author]

Posts