website width resize

mndvtk

Hello, how can i change website width? i want to set fixed let's say 800px width, not as default full size.

Thanks in advance!

aman204

mndvtk Hi

Can you provide admin details in edit fields in order to have closer look as your site is offline.

For reference, You can follow thread post (5 point) procedure.

pavit

Hi mndvtk

You can edit template screen sizes editing this file /templates/ja_builder/less/variables.less and change your dimensions for different screen sizes

After you changed them remember to compile less to css button at top right

mndvtk

aman204 just turned off offline version. I'm trying to figure out, how to manage size of website, because i can't found this option in JA builder.

mndvtk

ok, but i want to make a free space like i marked in yellow (lets say in black color)... i try to change layout as you wrote, nothing happens.

pavit

mndvtk i try to change layout as you wrote, nothing happens.

Did you compiled it again with less button ? also you cleaned cache ?

mndvtk

pavit yes, but images shows in full size, you can check yourself www.insoma.lt

mndvtk

pavit

mndvtk

Let's try as suggested HERE

In your settings -> Custom code - add the following for all pages or single page

.com_jabuilder .t3-mainbody {
 width: 100%;
 padding-top: 0;
 padding-bottom: 0;
}
 
.com_jabuilder .t3-content {
 padding: 0;
}

change width as you wish

mndvtk

no, the same...

i try and this CSS code (after that cleared browser cache), but nothing changed:

.com-jabuilder-page #main > .container {
width: 70%;
}

.com-jabuilder-page #mainbody.grid12 {
width: 70%;
}

.com-jabuilder-page #component > .block {
padding: 0;
margin: 0;
}

.com-jabuilder-page .row {
padding-top: 0;
padding-bottom: 0;
}

.com-jabuilder-page #footer-wrap #copyright {
padding-top: 40px;
padding-bottom: 40px;
}

pavit

mndvtk

Can you provide admin details in edit fields in order to have closer look.

For reference, You can follow thread post (5 point) procedure.

mndvtk

pavit hi, it's online.

pavit

mndvtk hi, it's online.

I will need of a backend access .

mndvtk

pavit ok, added login info.

aman204

mndvtk Kindly check now as the layout appears as desired by you as per your screenshot

Have added this to custom css. You may adjust width value accordingly:

body.jub-page .wrapper{
width: 1400px;
margin: 0 auto;}

Also, Ensure to clear your browser cache if changes dont reflect

mndvtk

Thanks, it works!