Joomla Templates Club 406,261 posts

[joomlartdai Friend joomlartdaiJoin date: May 2017Posts: 86Downloads:65Uploads:40]

#1045624

used for mse information system ,need to make it full width, how to do that, like the screenshot.

---

Attachments:

1. 
2. 

[Saguaros Moderator SaguarosJoin date: September 2014Posts: 31405Downloads:237Uploads:471 Thanks: 845 Thanked: 5346 times in 4964 posts]

#1045994

Hi,

If you inspect element in each page of this template, you will see that it has ‘container’ class and the declaration for this class can be found here: [root]/templates/ja_alumni/less/variables.less

Look for this:

// Container sizes
// --------------------------------------------------

// Small screen / tablet
@container-tablet:             ((720px + @grid-gutter-width));
@container-sm:                 @container-tablet;

// Medium screen / desktop
@container-desktop:            ((940px + @grid-gutter-width));
@container-md:                 @container-desktop;

// Large screen / wide desktop
@container-large-desktop:      ((1120px + @grid-gutter-width));
@container-lg:                 @container-large-desktop;

Each screen resolution will have its own width value, you can change as you wish.

Remember that if your site is running with Development Mode, just refresh site to see the change, if the Dev mode is OFF, you need to compile less to css to see the change. (Backup all current css files first before compiling).

[joomlartdai Friend joomlartdaiJoin date: May 2017Posts: 86Downloads:65Uploads:40]

#1046221

hi, i changed Large screen size to 1320px,now in my screen it’s full width,i don’t know if it full width in the larger screen than my screen.
i enabled the dev mode,if i disable it , full screen disappear, then i need to compile less to css to make it effective ???

[Saguaros Moderator SaguarosJoin date: September 2014Posts: 31405Downloads:237Uploads:471 Thanks: 845 Thanked: 5346 times in 4964 posts]

#1046295

When you enable Dev mode, your site will load LESS files and your changes in less file will take effect. After you disable dev mode, you need to compile less to css.

[joomlartdai Friend joomlartdaiJoin date: May 2017Posts: 86Downloads:65Uploads:40]

#1046492

hi,i find the larger screen still not fullscreen, how to solve this? i want it always fullscreen

[Saguaros Moderator SaguarosJoin date: September 2014Posts: 31405Downloads:237Uploads:471 Thanks: 845 Thanked: 5346 times in 4964 posts]

#1046761

Kindly check the resolution of that larger screen and edit above value for container with a greater value.

[joomlartdai Friend joomlartdaiJoin date: May 2017Posts: 86Downloads:65Uploads:40]

#1047102

i don’t know how,give you the resolution of that larger screen, how to modify??

• This reply was modified 7 years, 5 months ago by  joomlartdai.

---

Attachments:

1. 

[joomlartdai Friend joomlartdaiJoin date: May 2017Posts: 86Downloads:65Uploads:40]

#1047116

i also use page class Alternative，add code in custom.css,.publications .container { width: 100% !important; } not working ,what’s wrong?
in my old website ,that’s working, now i seperated the system, the same thing, it’s not working!!

• This reply was modified 7 years, 5 months ago by  joomlartdai.

---

Attachments:

1. 

[joomlartdai Friend joomlartdaiJoin date: May 2017Posts: 86Downloads:65Uploads:40]

#1047158

page class is working now

[Saguaros Moderator SaguarosJoin date: September 2014Posts: 31405Downloads:237Uploads:471 Thanks: 845 Thanked: 5346 times in 4964 posts]

#1047568

Glad to hear its working now!

[Author]

Posts