Joomla Templates Club 406,261 posts

[atticus Friend atticusJoin date: April 2009Posts: 66Downloads:0Uploads:0 Thanks: 17 Thanked: 4 times in 1 posts]

#144672

Hello,
I am seeking help on how to change the background colour

After changing the background colour will it also change in IE6?
I am asking this question because of this line in template.css

body#bd {

background: #F2F2F2; /* don’t remove, don’t replace by background-color, need for fix bug in IE6 */

color: #303030;

margin: 0;

padding: 0;

}

Thank you inadvance.

[John Wesley Brett Moderator John Wesley BrettJoin date: July 2013Posts: 2142Downloads:17Uploads:26 Thanks: 175 Thanked: 645 times in 426 posts]

#318924

Yes it will change. The caution is to NOT use “background-color: #F2F2F2” and instead use just “background: #F2F2F2” or whatever you would prefer.

Have fun!
John.

1 user says Thank You to John Wesley Brett for this useful post

1. atticus

[atticus Friend atticusJoin date: April 2009Posts: 66Downloads:0Uploads:0 Thanks: 17 Thanked: 4 times in 1 posts]

#318925

Thank you very much John. This is good to know. Can you tell me where I would go to change the background colour?

Thank you.

[John Wesley Brett Moderator John Wesley BrettJoin date: July 2013Posts: 2142Downloads:17Uploads:26 Thanks: 175 Thanked: 645 times in 426 posts]

#319023

Sure…for the Mona template…
Open ja_mona > CSS > TEMPLATE.CSS

On line 24 change the code highlighted in RED to whatever color you want.


body#bd {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:#F2F2F2 none repeat scroll 0 0;
color:#303030;
margin:0;
padding:0;


The other “color” you see there is the color of the type.

Have fun.
John.

[atticus Friend atticusJoin date: April 2009Posts: 66Downloads:0Uploads:0 Thanks: 17 Thanked: 4 times in 1 posts]

#319235

Oh boy. This is embarassing. For some reason, I didn’t notice or realize the code I sent to you is the actual code that change the page background:confused:
I’ve been searching high and low for the code and it was right in front of me the whole time. Lately, I’ve been burning the candles at both ends -need more sleep.

Thank you very much for all your help. 🙂

[trayd842 Friend trayd842Join date: August 2006Posts: 3Downloads:0Uploads:0]

#320458

Is this the same place I can add a background image to the JA Mona template. What should the code look like and which .css file do I edit….is it template.css?

This is my attempt to add a background image. Note the inclusion of the background image code lines:

body {
background: #000000;
background-image: url(../images/iStock_000009856135Medium_tile.jpg);
background-repeat: repeat;
color: #303030;
font-family: Arial, Helvetica, sans-serif;
line-height: 1.8;

Image is uploaded to the images directory, but still i cant get it to preview.

[John Wesley Brett Moderator John Wesley BrettJoin date: July 2013Posts: 2142Downloads:17Uploads:26 Thanks: 175 Thanked: 645 times in 426 posts]

#320499

I think you are changing in the wrong area.

See my previous post…

template.css – line 24.

You are looking for the “body#bd” tag…not just “body”

John.

[trayd842 Friend trayd842Join date: August 2006Posts: 3Downloads:0Uploads:0]

#320546

Appears the way Id written the CSS lines to include the image were not correct. Im no coder and created the background image look in dreamweaver and copied the code. After some realisation, I rewrote my lines of code to look similar to what was already in the template.css and what do you know…it works.

From this:

body {
background: #000000;
background-image: url(../images/iStock_000009856135Medium_tile.jpg);
background-repeat: repeat;
color: #303030;
font-family: Arial, Helvetica, sans-serif;
line-height: 1.8;

To this:

body#bd {
background: #F2F2F2; /* don’t remove, don’t replace by background-color, need for fix bug in IE6 */
background: url(../images/iStock_000009856135Medium_tile.jpg) repeat;
color: #303030;
margin: 0;
padding: 0;
}

[ag0g0girl Friend ag0g0girlJoin date: March 2010Posts: 51Downloads:0Uploads:2 Thanks: 4]

#340116

I really love this template, but I would like to color the leftside background only. The part behind the symbol.

I dont like the white space at the top.

http://empowermentcoaching123.com/newsite/

Thanks!

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

#340187

Dear ag0g0girl!

Here is the solution to resolve this issue:

1) Please open the file templates/ja_mona.v1.0.0/css/template.css and try to find codes:

#ja-deco {

position: fixed;

left: 0;

bottom: 0;

overflow: hidden;

float: left;

width: 220px;

background: url(../images/dots.png) ;

}

and replace:

#ja-deco {

position: fixed;

left: 0;

bottom: 0;

overflow: hidden;

float: left;

width: 220px;

background: url(../images/dots.png) ;
height:100%

}

and add the following code into the this file:

#ja-deco img {
bottom:0;
position:absolute;
right:0;
}

GOod luck

[ag0g0girl Friend ag0g0girlJoin date: March 2010Posts: 51Downloads:0Uploads:2 Thanks: 4]

#340264

Awesome cool! Thanks much!

[Author]

Posts