Joomla Templates Club 406,261 posts

[munders Friend mundersJoin date: November 2008Posts: 375Downloads:0Uploads:37 Thanks: 50 Thanked: 4 times in 1 posts]

#314262

This has taken the white background from my centre module. It’s ok for the footer.

We need to add the white back, but reduce all modules to 973px width…

[mihirc Friend mihircJoin date: December 2008Posts: 597Downloads:0Uploads:3 Thanks: 62 Thanked: 95 times in 39 posts]

#314265

Hello,

Ok, step no.2

Find line 770 in template.css.
.main, #ja-topsl .ja-box-ct {
margin:0 auto;
width:940px;
}

Change is to

.main, #ja-topsl, #ja-header, #ja-topsl .ja-box-ct {
margin:0 auto;
width:940px;
}

I think this will get all the width to the necessary size.

Tell me when you are done.

Regards,
Mihir Chhatre.

[munders Friend mundersJoin date: November 2008Posts: 375Downloads:0Uploads:37 Thanks: 50 Thanked: 4 times in 1 posts]

#314267

No good, didnt work. It has now pushed all content to the left and still no white background

[munders Friend mundersJoin date: November 2008Posts: 375Downloads:0Uploads:37 Thanks: 50 Thanked: 4 times in 1 posts]

#314268

Have you done this before Mihirc?

You can see your changes live here… http://www.clientdemo.co.uk/index.php

[mihirc Friend mihircJoin date: December 2008Posts: 597Downloads:0Uploads:3 Thanks: 62 Thanked: 95 times in 39 posts]

#314270

Hello,

I think while doing this you removed the “margin: 0 auto” tag and that is why it is aligning to the left.

Regards,
Mihir Chhatre.

[munders Friend mundersJoin date: November 2008Posts: 375Downloads:0Uploads:37 Thanks: 50 Thanked: 4 times in 1 posts]

#314271

No, margin is there.

Did you mean to put ‘topsl’ in the code above two times?

[mihirc Friend mihircJoin date: December 2008Posts: 597Downloads:0Uploads:3 Thanks: 62 Thanked: 95 times in 39 posts]

#314275

Hello,

I can clearly see here that on line 770 in your template.css the code is this:

.main, #ja-topsl, #ja-header, #ja-topsl .ja-box-ct {
width:940px;
}

it should actually be
.main, #ja-topsl, #ja-header, #ja-topsl .ja-box-ct {
width:940px;
margin:0 auto;
}

Regards,
Mihir Chhatre.

[munders Friend mundersJoin date: November 2008Posts: 375Downloads:0Uploads:37 Thanks: 50 Thanked: 4 times in 1 posts]

#314285

Mihirc, it still had the template.css reference in it so i removed it. It is now centred 🙂

We now need to put a white background behind the centre content – with a margin/padding of 20px around it.

Thanks – we are getting there

[mihirc Friend mihircJoin date: December 2008Posts: 597Downloads:0Uploads:3 Thanks: 62 Thanked: 95 times in 39 posts]

#314286

Hello,

Same line number 770,
try adding this to the code.

background: #fff;

That will make everything white 🙂

Also there is a margin of 10px to one of the divs so you will have to remove it. To remove it go to line no. 812 and find this code:

#ja-container, #ja-container-fr, #ja-container-fl, #ja-container-f {
clear:both;
margin:0 0 10px;
}

Change it to

#ja-container, #ja-container-fr, #ja-container-fl, #ja-container-f {
clear:both;
margin:0px;
}

Regards,
Mihir Chhatre.

[munders Friend mundersJoin date: November 2008Posts: 375Downloads:0Uploads:37 Thanks: 50 Thanked: 4 times in 1 posts]

#314288

I added the #FFF but my top menu has now disappeared and white has appeared behind the bottom module…..

this is before i remove the 10px thing???

[munders Friend mundersJoin date: November 2008Posts: 375Downloads:0Uploads:37 Thanks: 50 Thanked: 4 times in 1 posts]

#314291

The top and footer menus had the green image background before. Need to keep that Mihirc

[mihirc Friend mihircJoin date: December 2008Posts: 597Downloads:0Uploads:3 Thanks: 62 Thanked: 95 times in 39 posts]

#314292

Hello,

Add this to the css –

div#ja-mainnav .main{
background: none !important;
}

Now find line 1258 that will have the following code.
#ja-footer .main {
overflow:hidden;
padding:10px 0;
position:relative;
}

Change it to
#ja-footer .main {
overflow:hidden;
padding:10px 0;
position:relative;
background: none !important;
}

That will bring the menus back 🙂 that was my bad!!!

Regards,
Mihir Chhatre.

[munders Friend mundersJoin date: November 2008Posts: 375Downloads:0Uploads:37 Thanks: 50 Thanked: 4 times in 1 posts]

#314294

where do i place the first code?…. which line?….

div#ja-mainnav .main{
background: none !important;
}

[mihirc Friend mihircJoin date: December 2008Posts: 597Downloads:0Uploads:3 Thanks: 62 Thanked: 95 times in 39 posts]

#314296

Anywhere actually, but to be frank when I normally do coding, I go down to the end of the file. Add a CSS Comment saying i added it, so that I can trace it later.

But you can put the code anywhere you want.

Regards,
Mihir Chhatre.

[munders Friend mundersJoin date: November 2008Posts: 375Downloads:0Uploads:37 Thanks: 50 Thanked: 4 times in 1 posts]

#314298

That brought the top menu back but not the big bottom one.

When we add padding around the content will it bring my button back into view? Button on top right with green arrow

[Author]

Posts