Public Forums 71,145 posts

[mariachi Friend mariachiJoin date: December 2010Posts: 18Downloads:0Uploads:9]

#188910

Hey folks,

I’m currently updating my website from J 1.5 to J 2.5 – i modified the Ja Purity II design of the J 1.5 site and now have problems to modify the Purity for J 2.5 in the same way.

Wrapper

As you can see in my screenshot from the J 1.5 design the site has a wrapper, that is not 100 % – how can i apply this changes in J 2.5?
I added in css/layout css to .wrap : {width: 980px; margin:o auto; position: relative; clear: both} – so the header and the footer are not 100 % (i assume that this is not an elegant solution).

• Do you have a good solution to wrap the template width the width of 980 px and centered?
• Do you know how to adjust the template at padding-top 20px as seen in the screenshot? How do I have to enter the padding?

Background-Color

In my screenshot you can see the background color, too. How can I change the background color in the J 2.5 version?

THX in advance. Hopefully you can help me.

Greetings

---

Attachments:

1. 

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

#498907

Hi

Can you post your live url / link of your site here? and some screenshot of how you want to achieve, I’m not quite clear with your concern about the wrapper here and the padding-top of which part?

Also set Optimize CSS in template manager to No.

See you around.

[mariachi Friend mariachiJoin date: December 2010Posts: 18Downloads:0Uploads:9]

#498911

Hey Saguaros,

sry, I can’t post a link, because I work with XAMPP. The attached screenshot in my first posting should show you, how I want to look the Purity for J 2.5 like.
The padding you can see at the top of the screenshot-site (the blue-space until the site appears).

With the wrapper I mean the blue space in the screenshot – I don’t know how to achieve this in the 2.5 version.

The 1.5 Version I updated with this doc from you guys: http://wiki.joomlart.com/wiki/JA_Template_Framework/FAQs#Changing_wrapper_look – the instructions doesn’t work for 2.5 anymore, but it should look like this:

The footer in this example is really incredible, too.

---

Attachments:

1. 

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

#499030

Hi

It’s hard give you right solution without seeing problem directly. But here is my advice:

– With the top padding: you can open file: /plugins/system/jat3/jat3/base-themes/default/css/template.css, and look for any padding value you set for the div: #ja-wrapper or not

In case you customize css in template folder, you should check this file: /templates/You_current_default_template/css/template.css

– You can achieve like 1.5 version by adding padding for the wrapper div.

Open file template.css in template folder with above path: /templates/You_current_default_template/css/template.css

and add your desired value. For example:


body#bd #ja-wrapper {
padding: 30px 40px 50px 60px; <<< the value equivalent to order: Top - Right - Bottom - Left
}


Once done, clean JAT3 cache.

Hope this helps.

[Author]

Posts