Adjusting JBuilder Page Layout

mengler12

Hello, I want to adjust a JBuilder page layout. I am using the JA Mason template and have made a JBuilder page. I want to control the size of the layout. See screenshot for details.

teitbite

mengler12 Hi. Please tell me the url to the page You've made this screenshot on.

mengler12

https://cali37.com/index.php/en/la-multi-ani-tica

mengler12

It requires a login, I’d rather not do that. Can’t you instruct without that?

saguaros

mengler12

We need the login info to have a closer look and suggest further for you.

mengler12

Not sure why you why you need a closer look, these are your templates and site builders. Regardless, see below.

Joomlart: Pankaj Sharma

Site: https://cali37.com

mengler12

Hello, do you think someone will have the time to help with this today?

Thanks

saguaros

mengler12

It seems belong to the sidebar of current layout in JA Mason template. You can have a look at this file:

/tpls/blocks/mainbody/one-sidebar-right.php

Currently, it has class 'col-md-3', you can reduce it to 'col-md-2' and also change the 'col-md-9' class of the main content div tag to 'col-md-10': http://prntscr.com/kwxm01

Regards

mengler12

Okay, but won't that change the entire website layout? I am looking to just change that single page. La mulți ani Tica

mengler12

Also, I would like to adjust the size of the main content area. see screenshot. I would like to do this change in size on individual pages. For example, one page main content would be one size while another might be a different size.

Thanks

saguaros

mengler12

Changing in the layout file as my above suggestion will affect other pages which use the same layout.

To add specific style of that individual page, you can use Page Class and custom style for that page. Let me know in detailed of the modification you expect, I will check for you.

Regards

mengler12

Hello Saguaros,

I want to be able to adjust width of the page(s) background for each of the following:

any JBuilder page we build, for example the "La mulți ani Tica" page
any of the Menu item pages "Projects, Our Blog, Contact Us, Logout"
any of the article pages
the login page (https://cali37.com/index.php/en/)
excluding the landing page (Home Page) after logging into the site

See screenshot (48) of a mockup.

This is what I want to achieve for the "main content" area width to be. So essentially the "gray background" framework space on both side of the "main content" area is reduced to approximately what you see here. Also, I would like to keep the origoanl "one-sidebar-right" origonal template size of "col-md-3" and all the while not affecting the "left-side-menu" area.

Thanks,