Joomla Templates Club 406,261 posts

[kemios Friend kemiosJoin date: September 2008Posts: 13Downloads:0Uploads:0 Thanks: 10 Thanked: 1 times in 1 posts]

#134238

How can I change the background colour of the text / content area ?
(So not the background colour on the left/right).

I have spent hours on it but cannot figure it out !

Thanks for your help !!!!

Domain: http://www.olijfolie.info
Joomla 1.5.7

[Sherlock Friend SherlockJoin date: September 2014Posts: 11453Downloads:0Uploads:88 Thanks: 221 Thanked: 2478 times in 2162 posts]

#274520

You can edit template.css (line 551)

#ja-current-content {
background:red none repeat scroll 0 0;--> add this line and change color as you want
padding:20px 20px 10px;
}

1 user says Thank You to Sherlock for this useful post

1. kemios

[kemios Friend kemiosJoin date: September 2008Posts: 13Downloads:0Uploads:0 Thanks: 10 Thanked: 1 times in 1 posts]

#274595

Hello nguoiaabcd,

Thanks for your answer. It works.

I noticed I have to change some more background’s to realise the desired effects.

Will the same trick also work for JA News and JA News FP modules ?
Where can I change the background colour of the header ?

Thanks again for your assistance !

[Sherlock Friend SherlockJoin date: September 2014Posts: 11453Downloads:0Uploads:88 Thanks: 221 Thanked: 2478 times in 2162 posts]

#274695

Hi
Css for header :
1.template.css (line 692)

div.module, div.module_text, div.module_menu, div.module_hilite, div.ja-box-br {
background:#FFFFFF url(../images/box-br.gif) no-repeat scroll right bottom;
clear:both;
float:left;
overflow:hidden;
padding:0;
width:100%;
}

1 user says Thank You to Sherlock for this useful post

1. kemios

[Sherlock Friend SherlockJoin date: September 2014Posts: 11453Downloads:0Uploads:88 Thanks: 221 Thanked: 2478 times in 2162 posts]

#274696

2.template.css (line 705)

div.module div, div.module_text div, div.module_menu div, div.module_hilite div, div.ja-box-bl {
background:transparent url(../images/box-bl.gif) no-repeat scroll left bottom;
padding:0;
}

1 user says Thank You to Sherlock for this useful post

1. kemios

[Sherlock Friend SherlockJoin date: September 2014Posts: 11453Downloads:0Uploads:88 Thanks: 221 Thanked: 2478 times in 2162 posts]

#274697

3.template.css (line 714)

div.module div div, div.module_text div div, div.module_menu div div, div.module_hilite div div, div.ja-box-tr {
background:transparent url(../images/box-tr.gif) no-repeat scroll right top;
padding:0;
}

1 user says Thank You to Sherlock for this useful post

1. kemios

[Sherlock Friend SherlockJoin date: September 2014Posts: 11453Downloads:0Uploads:88 Thanks: 221 Thanked: 2478 times in 2162 posts]

#274698

4.template.css (line 723)

div.module div div div, div.module_text div div div, div.module_menu div div div, div.module_hilite div div div, div.ja-box-tl {
background:transparent url(../images/box-tl.gif) no-repeat scroll left top;
padding:4px 3px 4px 4px;
}

[Sherlock Friend SherlockJoin date: September 2014Posts: 11453Downloads:0Uploads:88 Thanks: 221 Thanked: 2478 times in 2162 posts]

#274700

5.template.css (line 771)

#ja-header {
background:red none repeat scroll 0 0;--> you can add this line
line-height:normal;
padding:20px 0 0;
position:relative;
z-index:999;
}

[kemios Friend kemiosJoin date: September 2008Posts: 13Downloads:0Uploads:0 Thanks: 10 Thanked: 1 times in 1 posts]

#274847

Thanks again for your usefull answers !

After changing the background colour of the main content (from white into green) the grey edge around it disappears. I want to keep this grey edge thick. How to realise this ?

#ja-current-content {
background: #EBF6CB; none repeat scroll 0 0; padding:20px 20px 10px;
}

Thanks again !

[kemios Friend kemiosJoin date: September 2008Posts: 13Downloads:0Uploads:0 Thanks: 10 Thanked: 1 times in 1 posts]

#275029

:confused:

Today I have spent hours and hours again to find a solution for above mentioned problem. However, till so far have not solved it.

The right answer will blow away my headache :D!

[kemios Friend kemiosJoin date: September 2008Posts: 13Downloads:0Uploads:0 Thanks: 10 Thanked: 1 times in 1 posts]

#277800

Still not solved !!!!!!!!!!!!! Anyone ?

Thanks,
Kemios

[Sherlock Friend SherlockJoin date: September 2014Posts: 11453Downloads:0Uploads:88 Thanks: 221 Thanked: 2478 times in 2162 posts]

#277853

Hi
Please chech again my posts above, you will see that have 4 background images: box-br.gif, box-bl.gif, box-tr.gif, box-tl.gif. They are boder grey as you said, please edit images by your sefl to keep border and color as you want

[Author]

Posts