Joomla Templates Club 406,261 posts

[mundoreves Friend mundorevesJoin date: October 2007Posts: 16Downloads:0Uploads:0 Thanks: 12]

#134290

I read before that we could change the background directely in the template.css field . The coners are sone image. But what about the screen ( Title og the module) . How can I change te color. I dont’ find it int the template.css field ….
Thanks for your help ….

M

[John Wesley Brett Moderator John Wesley BrettJoin date: July 2013Posts: 2142Downloads:17Uploads:26 Thanks: 175 Thanked: 645 times in 426 posts]

#274828

Perhaps this can point you in the right direction.

In the demo…the title bar styling for the “Main Menu” menu shown in the Left position is found:

template.css (line 615)


div.module h3, div.module_text h3, div.module_menu h3, div.module_hilite h3 {
background:#262626 url(../images/h3-l.gif) no-repeat scroll left top;
color:#FFFFFF;
font-size:100%;
font-weight:bold;
margin:0 -15px 5px;
padding:0 0 0 15px;
position:relative;
text-transform:uppercase;
}

Have fun!
John.

2 users say Thank You to John Wesley Brett for this useful post

1. mundoreves
2. lizard

[mundoreves Friend mundorevesJoin date: October 2007Posts: 16Downloads:0Uploads:0 Thanks: 12]

#275186

Thank you… how can you customize the color of the title of the article page. I found the letf and right images bout i didn’t find the .css code. I don’t think that is in the template.css. It’s amazing because for the black selection template, i can change that color…. Do you have an idea ?

[John Wesley Brett Moderator John Wesley BrettJoin date: July 2013Posts: 2142Downloads:17Uploads:26 Thanks: 175 Thanked: 645 times in 426 posts]

#275253

Mundoreves,

The article titles are controlled by template.css (line 67)


.contentheading, .componentheading {
color:#FFFFFF;
}

You can adjust the size by going to template.css (line 312)


h2.contentheading, .contentheading {
font-size:200%;
margin:0;
padding:0 0 5px;
}

Hope this helps!
Have fun!
John.

2 users say Thank You to John Wesley Brett for this useful post

1. mundoreves
2. lizard

[nosrati Friend nosratiJoin date: June 2008Posts: 9Downloads:0Uploads:0 Thanked: 3 times in 1 posts]

#275313

Hello,

how can I change the color of the Background in the Site?

With best regards,

A. Nosrati

1 user says Thank You to nosrati for this useful post

1. mundoreves

[nosrati Friend nosratiJoin date: June 2008Posts: 9Downloads:0Uploads:0 Thanked: 3 times in 1 posts]

#275676

nobody can really help me :(( ?

2 users say Thank You to nosrati for this useful post

1. mundoreves
2. lizard

[mundoreves Friend mundorevesJoin date: October 2007Posts: 16Downloads:0Uploads:0 Thanks: 12]

#275681

———- header background ——————
< change images ( folder images and /images/cyan)
– h-shadow.gif
– tab-active-l.gif
– tab-active-r.gif
– tab-hover-l.gif
– tab-hover-r.gif

<< template.css (line 758)
Code:

#ja-headerwrap {
background:#202020 none repeat scroll 0% 0%;
border-bottom:3px solid #FF9B14;
height:100px;
position:relative;
z-index:101;
}

<<< template.css (line 568) Fond du background///
Code:

#ja-containerwrap, #ja-containerwrap-f, #ja-containerwrap-c {
background:#333333 none repeat scroll 0% 0%;
clear:both;
padding-bottom:30px;
}

<< template.css (line 819)
Code:
.h-shadow {
background: url(../images/h-shadow.gif) repeat-x center top #808074;
height: 21px;
line-height: normal;
padding-bottom: 10px;
}

<< template.css (line 982)
Code:

#ja-footerwrap {
background:#202020 none repeat scroll 0% 0%;
clear:both;
padding:20px 0pt;
position:relative;
}

<< template.css (line 967)
Code:
#ja-topslwrap {
background:#333333 none repeat scroll 0% 0%;
padding-bottom:30px;
}

<<< ja.moomenu.css ( line 80 – 99)

(line 80)
background: url(../../images/tab-l.gif) no-repeat top left #333333;

line (99)
background: url(../../images/tab-hover-l.gif) no-repeat top left #5A5A5A;

(line 173)
#ja-cssmenu ul ul li.havesubchild-activesfhover {
background: #8f8f83;

}

[mundoreves Friend mundorevesJoin date: October 2007Posts: 16Downloads:0Uploads:0 Thanks: 12]

#275683

hello John;
thanks for your answer but i want to change the header of the content page in the template.css (line 615), I would like to change all the content hat… I hope you will help me … I’m looking for a long time and i don’t find some posts about it… Thanks in advance… M

[John Wesley Brett Moderator John Wesley BrettJoin date: July 2013Posts: 2142Downloads:17Uploads:26 Thanks: 175 Thanked: 645 times in 426 posts]

#275686

Mundoreves,

I’m not understanding what you are asking. Can you clarify?

<em>@mundoreves 86369 wrote:</em><blockquote>hello John;
I would like to change all the content hat…</blockquote>

Thanks,
John.

1 user says Thank You to John Wesley Brett for this useful post

1. mundoreves

[John Wesley Brett Moderator John Wesley BrettJoin date: July 2013Posts: 2142Downloads:17Uploads:26 Thanks: 175 Thanked: 645 times in 426 posts]

#275687

<em>@nosrati 85907 wrote:</em><blockquote>Hello,

how can I change the color of the Background in the Site?
</blockquote>

There are several areas that make up the “Background” of the site.

This changes the background in the header area: template.css (line 758)


#ja-headerwrap {
background:#202020 none repeat scroll 0 0;
border-bottom:3px solid #FF9B14;
height:100px;
position:relative;
z-index:101;
}

This changes the background of the USER5 area (the rotating image selector) template.css (line 967)


#ja-topslwrap {
background:#333333 none repeat scroll 0 0;
padding-bottom:30px;
}


This changes the background of the main area of the site template.css (line 568)


#ja-containerwrap, #ja-containerwrap-f, #ja-containerwrap-c {
background:#333333 none repeat scroll 0 0;
clear:both;
padding-bottom:30px;
}

And this changes the background of the footer area of the site template.css (line 982)


#ja-footerwrap {
background:#202020 none repeat scroll 0 0;
clear:both;
padding:20px 0;
position:relative;
}


Have fun!
John.
====================
If this has been up help, remember to click the “Thank You” button ===== >

2 users say Thank You to John Wesley Brett for this useful post

1. mundoreves
2. bapafm

[mundoreves Friend mundorevesJoin date: October 2007Posts: 16Downloads:0Uploads:0 Thanks: 12]

#275699

John,

Please click on the link below, it’s an image

http://www.lanageuse.com/Image-2.gif

I want to change the black color of the header of the front page content ? I don’t succeed findinf the line code in template.css . It’s different than :

<< template.css (line 646)
Code:
div.module,
div.module_text,
div.module_menu,
div.module_hilite,
div.ja-box-br {
margin-bottom: 20px;
padding: 0;
float: left;
clear: both;
width: 100%;
background: url(../images/box-br.gif) no-repeat bottom right #444444;
color: #CCCCCC;
overflow: hidden;

I hope you will understand, sorry for my english… I am a frog 🙂

[John Wesley Brett Moderator John Wesley BrettJoin date: July 2013Posts: 2142Downloads:17Uploads:26 Thanks: 175 Thanked: 645 times in 426 posts]

#275701

Understand now.
Couple of areas you have to change.

The background is made up of three areas…left corner…the middle…and the right corner.

The left corner and middle are controled by: template.css (line 1120)

Left corner is an image which you would have to change
Middle is just code


#ja-usertoolswrap {
background:#262626 url(../images/h3-l.gif) no-repeat scroll left top;
clear:both;
display:block;
font-size:11px;
margin:0 -15px 15px;
padding:0;
}


And the right corner is an image and is controlled by: template.css (line 1129)


#ja-usertools {template.css (line 1129)
background:transparent url(../images/h3-r.gif) no-repeat scroll right top;
display:block;
padding:8px 10px 3px 5px;
}


Have fun!
John.

1 user says Thank You to John Wesley Brett for this useful post

1. mundoreves

[mundoreves Friend mundorevesJoin date: October 2007Posts: 16Downloads:0Uploads:0 Thanks: 12]

#275706

Yes I found it before but It’s work for the black theme but not for the White theme … bizarre ??

[John Wesley Brett Moderator John Wesley BrettJoin date: July 2013Posts: 2142Downloads:17Uploads:26 Thanks: 175 Thanked: 645 times in 426 posts]

#275707

Sir,
I don’t mean to complain…but we are doing a LOT of work for you … and EACH time we realize you have not clearly indicated what your issue is. At NO point did you mention you were using the white template.

And your image above SPECIFICALLY INDICATED you needed to change the black background!

Please work on composing exactly what it is you are having a question about…and PLEASE be complete in your question.

I really want to be of service to you, and have answered your questions completely and accurately.

We are all volunteers here working to pass along what little knowledge we may possess to help others. That’s what Open Source is all about. However, at this time it feels as though you are running close to abusing those of us who are willing to help.

John.

1 user says Thank You to John Wesley Brett for this useful post

1. mundoreves

[mundoreves Friend mundorevesJoin date: October 2007Posts: 16Downloads:0Uploads:0 Thanks: 12]

#275709

oh excuse me… it’s a cup o time i used a forum and thank you so much..sorry

[Author]

Posts