Public Forums 71,145 posts

[baswazz Friend baswazzJoin date: October 2010Posts: 14Downloads:0Uploads:3 Thanks: 3]

#159009

First i shall explain my goal.
On this link there is well explained how to change the ‘main blocks width’ for the JA_Purity_II template. My question is can i do the same with the T3_Blank template.

I used ‘Firebug’ and changed all the class=”wrap” to class=”main” This is what is explained in the above link. See the screenshot.
10730

This is what happens on the front-end:
Before:
10732

After:
10731

I don’t think i have to explain how to do this because it is well explained on the wiki on the link above.

Thx.

---

Attachments:

1. 
2. 
3. 

[korb Friend korbJoin date: March 2008Posts: 315Downloads:0Uploads:0 Thanks: 40 Thanked: 48 times in 39 posts]

#372782

Hi,

The wrap class is for block container. I begin to believe you want a specific div structure for all major blocks.
If so, I think you don’t have to try changing the wrap to main for these wrap classes divs, as you can do what ever you want within the div class main.

So again, please try to describe your design goal, I mean what exactly you want to change in the design. You want to have same layout as for the “After” screenshot?

Regards,
Danny

[baswazz Friend baswazzJoin date: October 2010Posts: 14Downloads:0Uploads:3 Thanks: 3]

#372849

<em>@korb 216235 wrote:</em><blockquote>Hi,

The wrap class is for block container. I begin to believe you want a specific div structure for all major blocks.
If so, I think you don’t have to try changing the wrap to main for these wrap classes divs, as you can do what ever you want within the div class main.

So again, please try to describe your design goal, I mean what exactly you want to change in the design. You want to have same layout as for the “After” screenshot?

Regards,
Danny</blockquote>

Yes exactely, my goal is the screenshot that is called after.

Example:
When i give the #header a background color blue for example, that itnot fill the entire width of my browser, but the specified width i gave in the joomla backend: Extentions > templates > T3 Blank > tab; profiles > specified width

[korb Friend korbJoin date: March 2008Posts: 315Downloads:0Uploads:0 Thanks: 40 Thanked: 48 times in 39 posts]

#372850

I have an idea not sure if this is going to be a reliable solution.

At the end of your-template/css/template.css

add these lines


.wrap {
clear: both;
margin: 0 auto;
max-width: 1200px;
width: 980px;
}

This should make both wrap and main have same width. No need to change the code in any way, just some css adjustments as you see.

Regards,
Danny

[baswazz Friend baswazzJoin date: October 2010Posts: 14Downloads:0Uploads:3 Thanks: 3]

#372881

<em>@korb 216312 wrote:</em><blockquote>I have an idea not sure if this is going to be a reliable solution.

At the end of your-template/css/template.css

add these lines


.wrap {
clear: both;
margin: 0 auto;
max-width: 1200px;
width: 980px;
}

This should make both wrap and main have same width. No need to change the code in any way, just some css adjustments as you see.

Regards,
Danny</blockquote>

It does work, only i don’t know if this is a cross browser proof way, but that i have to find out.
Only thing is when i add this code to my local template.css it doesn’t respond on it.
Even if i add !important Can you explain that?
I was searching more in the direction like you said Block attributes and parameters to add some parameter that change the class to main and not wrap. Or edit the T3 Default php files, if i could find them.

[aman204 Friend aman204Join date: January 2010Posts: 1945Downloads:0Uploads:43 Thanks: 11 Thanked: 418 times in 356 posts]

#372910

How about adding this at end of template.css file::

#ja-wrapper{margin:0 auto;width:980px;background:#fff;}

and change background color accordingly

[korb Friend korbJoin date: March 2008Posts: 315Downloads:0Uploads:0 Thanks: 40 Thanked: 48 times in 39 posts]

#372957

<em>@baswazz 216357 wrote:</em><blockquote>It does work, only i don’t know if this is a cross browser proof way, but that i have to find out.
Only thing is when i add this code to my local template.css it doesn’t respond on it.
Even if i add !important Can you explain that?
I was searching more in the direction like you said Block attributes and parameters to add some parameter that change the class to main and not wrap. Or edit the T3 Default php files, if i could find them.</blockquote>

Make sure you are editing and using the default theme, and then clear any cache.
No need to mark styles as !important.
D

[baswazz Friend baswazzJoin date: October 2010Posts: 14Downloads:0Uploads:3 Thanks: 3]

#373089

The Two solutions Do work perfect. Only i don’t understand why i can’t use those solutions within my local template.css?

[Author]

Posts