Joomla Templates Club 406,261 posts

[teetide Friend teetideJoin date: December 2007Posts: 256Downloads:0Uploads:4 Thanks: 19 Thanked: 6 times in 1 posts]

#128780

What part of the css controls the overall background color of this template?

How would I set the overall background to black while leaving the background behind the content sections white?

I’m using the 1.0.15 version.

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

#250103

Hi teetide !
You can change background color by way :
Open template.css file in templates/ja_teline_ii/css folder , find following code section at about line 668:


#ja-containerwrap, #ja-containerwrap-c, #ja-containerwrap-cm, #ja-containerwrap-f, #ja-containerwrap-m {
clear:both;
margin:20px 0pt;
}


change into :


#ja-containerwrap, #ja-containerwrap-c, #ja-containerwrap-cm, #ja-containerwrap-f, #ja-containerwrap-m {
background:#CCCCCC;
clear:both;
margin:20px 0pt;
}


$CCCCCC is sample color, you must change it by other color !

1 user says Thank You to Sherlock for this useful post

1. teetide

[teetide Friend teetideJoin date: December 2007Posts: 256Downloads:0Uploads:4 Thanks: 19 Thanked: 6 times in 1 posts]

#250153

Thank you very much hainn84.

Your support is deeply appreciated.

[teetide Friend teetideJoin date: December 2007Posts: 256Downloads:0Uploads:4 Thanks: 19 Thanked: 6 times in 1 posts]

#250292

Hey guys, please remove the “SOLVED” comment from this thread. It’s still not solved.

The advice given above changes the background of the entire template including the content areas. I don’t want to change the main body area where the content is. I just want to change the background outside of the main content area.

Back to square one. Any help would be greatly appreciated.

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

#250667

Hi teetide !
Sorry for later ! If you don’t change background of mainbody , You must open template.css file in templates/ja_teline_ii/css folder , find following code section at about line 550:


#ja-container-inner {
background:transparent url(../images/vline.gif) repeat-y scroll 83% 0pt;
}


change into :


#ja-container-inner {
background:transparent url(../images/vline.gif) repeat-y scroll 83% 0pt;
background:#FFFFFF;
}


[Author]

Posts