Public Forums 71,145 posts

[j00ml6rt Friend j00ml6rtJoin date: September 2012Posts: 11Downloads:11Uploads:4]

#1013459

Hello there,
first

Zen Q for this wonderfull tool. It made my day.
I am currently using a template monster template called Family. You can see it in action at http://www.theoalers.com

What would be the custom css to use your JAbuilder at full width within my default template?. As it may be clear to you I will only be using the builder for content, so not as the default template.

Zen Q for your time
Love your machine.

kind regards
Theo

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

#1013763

Hi Theo,

Could you provide some screen shots illustrating how you want to achieve here?

[j00ml6rt Friend j00ml6rtJoin date: September 2012Posts: 11Downloads:11Uploads:4]

#1014601

Hello Saguaros,

the site can be seen online at
http://hetwarmonthaal.nl/index.php/services/webdesign

the actual page you are looking at is made with JAbuilder
what custom css should i use to make it perform full width

zen Q

Theo

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

#1014770

Hi Theo,

Could you send some screen shots of you it should be?

[j00ml6rt Friend j00ml6rtJoin date: September 2012Posts: 11Downloads:11Uploads:4]

#1014803

Sorry no, If I was able to make it full width I would not ask you how to do it, would I?
In your JABuilder documents you provide css custom to use JA builder full width for expose, helix, t3 and so on.
I would like to know the css for this site. You say in your documentation you can make it work in any site…

Theo

[j00ml6rt Friend j00ml6rtJoin date: September 2012Posts: 11Downloads:11Uploads:4]

#1014867

I have made a ps mockup

png is how JAbuilder performs

FTAnew.jpg is how i would like it to perform

zen Q

regards Theo

---

Attachments:

1. 
2. 

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

#1014931

Hi Theo,

I can’t see the block as in your screenshot, could you add it into your site? and share me the admin login info so I will check.

[j00ml6rt Friend j00ml6rtJoin date: September 2012Posts: 11Downloads:11Uploads:4]

#1015099

This reply has been marked as private.

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

#1015628

Hi,

It due to the style of template you’re using, the video part is included in a container which is set with a fixed width and that’s why you don’t have full width.

We updated the style via Settings > Custom Styles in JA Builder, you can take a look now:

.com_jabuilder .row-container {
  max-width: none;
}

.com_jabuilder .row-container .container-fluid { 
 padding-left: 0;
 padding-right: 0;
}

[j00ml6rt Friend j00ml6rtJoin date: September 2012Posts: 11Downloads:11Uploads:4]

#1015681

Hello Saguaros,

Zen Q very much for your help.

The JAbuilder page is now indeed working full width,
still I am stuck with a white band at the top of the block,

how would I go about to really make it perform like the mock up i made.
I mean with no white band at the top and no white band at the bottom,
?

Your help is much apreciated

regards
Theo

[j00ml6rt Friend j00ml6rtJoin date: September 2012Posts: 11Downloads:11Uploads:4]

#1015691

I think the css is

.bg_cont {
padding-top: 110px;
background: #ffffff;
position: relative;
padding-bottom: 176px;
}

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

#1015855

Yes, these css rules belong to the template you’re using, you can also contact its provider for the override

[j00ml6rt Friend j00ml6rtJoin date: September 2012Posts: 11Downloads:11Uploads:4]

#1016363

This override totally fucks up my footer Saguaros, I only just noticed this. What to do about that. Is there a clearfix I should use?

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

#1016502

I updated the style again so that it will apply to content part only, not footer. You can check again.

[j00ml6rt Friend j00ml6rtJoin date: September 2012Posts: 11Downloads:11Uploads:4]

#1017103

zen Q!

[Author]

Posts