Joomla Templates Club 406,261 posts

[sglasson Friend sglassonJoin date: November 2006Posts: 21Downloads:0Uploads:0]

#122256

Does anyone know how to change the colour to white as it only lets u do orange blue and green so i wonderd if there was a way to have white instead?

also how do make the width so it is full/fluid/100% width so the sides go away?

if anyone knows how please let me know
thanks
emma
🙂

[cwigg Friend cwiggJoin date: May 2007Posts: 153Downloads:3Uploads:0 Thanks: 3 Thanked: 2 times in 1 posts]

#227870

Hi, fluid/auto is not supported in this template. To make white, you’d have to edit the files in one of the images/ folders.
menalto may help you – http://www.joomlart.com/forums/topic/ja-larix-template-width/
And look here for the template change for the background color
http://www.joomlart.com/forums/topic/ja-larix-template-colour/

[TomC Moderator TomCJoin date: October 2014Posts: 14077Downloads:58Uploads:137 Thanks: 948 Thanked: 3155 times in 2495 posts]

#227880

It will basically require your creating new image files for the areas where you want “white” – or, actually, simply removing/replacing the CSS parameters that are displaying the colors you do not want.

For the background image, it’s a simple matter of changing the CSS rule controling the background image – I believe it’s at line 25 (or so) in the template.css.css . .

body#bd {
color: #403C3A;
background: #E1D8C3;
}

If I’m not mistaken, this is the default for the “orange” color scheme. Try changing the background to #FFFFFF and see what happens. (Bear in mind, there are also corresponding “shadow” images found within the “wrapper” CSS rules. Depending on which of the three color schemes is selected, the corresponding “shadow” image is used. If you change your background to “white,” you will likley need to create two new “shadow” images … otherwise, you will have a bit of a color hue on your site margins against the white background.

#ja-wrapper2 {
padding-right: 14px;
background: url(../images/shadow-right.gif) repeat-y right #FFFFFF;
}

#ja-wrapper3 {
padding-left: 14px;
background: url(../images/shadow-left.gif) repeat-y left;
overflow: hidden;
}

Hope that makes sense. As always, trial-and-error experimentation can result in wonders.

😎

TOM

[Author]

Posts