How to add background image in the responses

[Galandas]

style prosilver


How to add background image in the responses
an 'image instead of the base color of prosilver.....thanks in advance

here is what I mean




I modified the colours.css but nothing happens.

Code: Select all

.bg1 {
	background-color: #7b5a47;
	background-image: url("{T_THEME_PATH}/images/sfondo.gif"); 
	border: 1px solid #612D09;
}

.bg2 {
	background-color: #7b5a47;
	background-image: url("{T_THEME_PATH}/images/sfondo.gif");  
	border: 1px solid #612D09;
}

.bg3 {
	background-color: #7b5a47;
	background-image: url("{T_THEME_PATH}/images/sfondo.gif"); 
	border: 1px solid #612D09;
}

[Steve]

needs to go in colours.css
example
find:

Code: Select all

/* Post body styles
----------------------------------------*/
.postbody {
	color: #333333;
}

replace with:

Code: Select all

/* Post body styles
----------------------------------------*/
.postbody {
	color: #333333;
	background-image: url("{T_IMAGESET_PATH}/site_logo.gif");
	background-repeat: no-repeat;
	background-position: center;
}

test.PNG

[Galandas]

how to ensure that surrounds the whole page

I did so

Code: Select all

.postbody {
	color: #e1ecf2;
        background-image: url("{T_THEME_PATH}/images/sfondo.gif");
	background-repeat: repeat;
	background-position: 100% 0;
}

result

[cisco007]

you might have to make the image bigger or add a repeat pattern to the css!

[Steve]

try this open theme/content.css
find:

Code: Select all

    /* Post body styles
    ----------------------------------------*/
    .postbody {

add after:

Code: Select all

 min-height: 400px !important;

[cisco007]

will that edit help the image stretch all the way down when the post body become really big!?

[Galandas]

I result.............

[Steve]

try this

Code: Select all

.postbody {
   color: #e1ecf2;
        background-image: url("{T_THEME_PATH}/images/sfondo.gif");
   background-repeat: no-repeat;
   background-position: center;
}

and contents.css min-hieght is the height of your image

[Galandas]

ok I pasted this colours.css

Code: Select all

    .postbody {
       color: #e1ecf2;
            background-image: url("{T_THEME_PATH}/images/sfondo.gif");
       background-repeat: no-repeat;
       background-position: 100% 0;
    }

I pasted this content.css

Code: Select all

min-height: 400px !important;

result

[Steve]

can i have that image please i will get the corect code for you later today,its food time!