JoomlArt Forums 32,862 posts

[chaddewolf Friend chaddewolfJoin date: April 2006Posts: 5Downloads:0Uploads:0]

#142700

Hello everyone. I need the template (Avain II) to stay the same, but with the same feature of “blue sides” like on joomlart.com. I have tried playing around with the different template versions, but all I can change is the background for the entire page, unable for the sides to just change. Please tell me it is possible????

Thanks much.
Chad

[bennitos Friend bennitosJoin date: May 2008Posts: 1717Downloads:0Uploads:39 Thanks: 39 Thanked: 474 times in 407 posts]

#310741

If you take a tempalte like JA Sandine or JA Sandine II it should give you the result you are looking for without too much work.

[chaddewolf Friend chaddewolfJoin date: April 2006Posts: 5Downloads:0Uploads:0]

#310742

Is there some code that I can paste into a file somewhere? I already have a site up and running, and they are requesting this type of look. Any way to do this with the Avain II template????

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

#311357

Hello,

Basically even the joomlart website has the background. SO you have to change the whole thing..

Regards,
Mihir Chhatre.

[Michael Wattus Friend Michael WattusJoin date: September 2014Posts: 1Downloads:0Uploads:0]

#314602

In Avian II template;

To duplicate the blue background;
Find template.css and in that file find the line (line 27)

body#bd {
background: url(../images/grad1.gif) repeat-x top #292929;
color: #CCCCCC;
padding: 0 0 40px;
}
Replace it with;

body#bd {
background: url(../images/grad1.gif) repeat-x top #233859;
color: #CCCCCC;
padding: 0 0 40px;
}

To create the blue top margin and to colour the content area grey;
Again in template.css find the lines (approx line 837);

#ja-wrapper {
clear: both;
margin: 0 auto;
width: 950px;
}
Replace it with;

#ja-wrapper {
clear: both;
margin: 5px auto;
width: 950px;
background-color: #333333;
}

This worked in my test.

[Author]

Posts