Joomla Templates Club 406,261 posts

[herb2586 Friend herb2586Join date: July 2010Posts: 42Downloads:0Uploads:5 Thanks: 9]

#161647

hi!
if i change the background color for the template from standard white to another color (which i REALLY want to do), it makes the menu and the rest of the top of the page look really bad.
is there a way to modify the template to correct this? like somehow to prevent the color from changing for the menu, logo, searchbard area??

http://www.ainow.org

[chavan Friend chavanJoin date: October 2014Posts: 4612Downloads:0Uploads:110 Thanked: 1440 times in 1290 posts]

#382184

you need to change the CSS code is in /templates/ja_teline_iv/template.css file

body#bd {
background: #FFFFFF;
color: #333333;
font-size: 12px;
line-height: 1.5;
}


change the background: #FFFF => color coding

[herb2586 Friend herb2586Join date: July 2010Posts: 42Downloads:0Uploads:5 Thanks: 9]

#382272

<em>@Chavan 228743 wrote:</em><blockquote>you need to change the CSS code is in /templates/ja_teline_iv/template.css file

body#bd {
background: #FFFFFF;
color: #333333;
font-size: 12px;
line-height: 1.5;
}


change the background: #FFFF => color coding</blockquote>

My bad for not explaining my problem very well.
I know how to change the background color.
But when I do, it makes the menu bar, logo and rest of the top of the page look strange because it doesn’t have a white background.
Do you see what I mean from the screenshot?

[chavan Friend chavanJoin date: October 2014Posts: 4612Downloads:0Uploads:110 Thanked: 1440 times in 1290 posts]

#382315

Addd this CSS code to template.css file


body.bd #ja-wrapper {
background:#FFF;
margin:0 auto;
max-width:1200px;
width:980px;
}


2 users say Thank You to chavan for this useful post

1. herb2586
2. andreask

[herb2586 Friend herb2586Join date: July 2010Posts: 42Downloads:0Uploads:5 Thanks: 9]

#382517

Thank you so much. This is exactly what I was looking for.
The only problem is that it messed up the the very top modules for some reason?

See in the screencap how search is now too far to the right?

[huypl Friend huyplJoin date: February 2011Posts: 162Downloads:0Uploads:1 Thanks: 2 Thanked: 20 times in 20 posts]

#382620

Dear herb,
Please first set css optimization to No in Template manager in order for me to view and edit your css easily. Then let me know as soon as you have set it. I think the problem related to the search box is because you had added this code
body.bd #ja-wrapper {
background:#FFF;
margin:0 auto;
max-width:1200px;
width:980px;
}
to the template.css
This changes the background to white but it also changes the width of the header section. Ok let try:
body.bd #ja-wrapper {
background:#FFF;
}
if it doesn’t work, please let me know.

1 user says Thank You to huypl for this useful post

1. herb2586

[chavan Friend chavanJoin date: October 2014Posts: 4612Downloads:0Uploads:110 Thanked: 1440 times in 1290 posts]

#382683

you need to change the CSS code is in /templates/ja_teline_iv/template.css file

Replace this css code


#ja-topbar {
height: 26px;
position: absolute;
top: 0;
z-index: 11;
}

with


#ja-topbar {
height: 26px;
left: 0;
position: absolute;
top: 0;
z-index: 11;
}


the top will be fixed

2 users say Thank You to chavan for this useful post

1. herb2586
2. andreask

[herb2586 Friend herb2586Join date: July 2010Posts: 42Downloads:0Uploads:5 Thanks: 9]

#382701

Problem solved.
Thank you!!

[chavan Friend chavanJoin date: October 2014Posts: 4612Downloads:0Uploads:110 Thanked: 1440 times in 1290 posts]

#382788

You are most Welcome Herb

[Author]

Posts