Viewing 11 posts - 1 through 11 (of 11 total)
  • Author
    Posts
  • atticus Friend
    #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
    #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.

    atticus Friend
    #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
    #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
    #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
    #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
    #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
    #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
    #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
    #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
    #340264

    Awesome cool! Thanks much!

Viewing 11 posts - 1 through 11 (of 11 total)

This topic contains 11 replies, has 5 voices, and was last updated by  ag0g0girl 14 years, 3 months ago.

We moved to new unified forum. Please post all new support queries in our New Forum