Changing header color

Hey, I'm not sure if this is the best place to ask this, but I guess I'll give it a shot.

Can someone tell me how to change the color of the top (header) of Dolphin 7 (where the logo is located) from grey to another color?   Is it located in the common css file in the base template?

Thanks!

general.css

div.sys_main_logo {
position: relative;
z-index: 56;

background-color: #4E7DB1;
}

Awesome!  Thanks!

Now if I could bother you with just one more question (for now)...

How do you change the color right below this header/logo area, but right above the page background color?  I'm referring to the slightly darker strip of grey that shows beneath the top links (just below the part that I just changed).

Thanks again.

can you make it any more confusing

Sorry, I guess I'm just finding it hard to expain.

The grey strip directly beneath the area that I just changed (using your instructions above).  This grey strip goes beneath the links: home, account, people, spy ... (depending on what links you have at the top).

I could just show you my site and you'll see what I mean, but I'm not sure if I'm allowed to post a url in this forum.

Thanks.

home, account, people, spy

that would be the top menu & and it's using imgs..  you'll find them in your template img. folder

mail me the link to your site

you wouldn't be the first one to post a url here :)

ahh, yes...it was a tm_bg.png image

I tried changing it but it seemed to put a line through my links at the top...

I'll probably just leave it... if you are really curious you can see the site at chatretreat (dot com).

Hope I don't get in trouble for posting that ???

common it doesn't look that bad hehee

I want to change the color of the header into a pagefilling image.

I mean the area where the logo and quotes are positioned.

Which file I have to edit to get an image on that part of the page?

If you want to cover the full width of the top header area then..

templates\base\css\general.css about line 157

If you only want to cover the width of the page as set in the page builders, then this section instead.

templates\base\css\general.css about line 163

I want the image on the whole width of the page.

What do I have to change then?

change "background-color:#F4F4F4:  into "background: url(.../images........." ???

I tried that, but didn't had any effect.

why is it that background color change in general css for header works in IE but does not show up in firefox. I clean cashe and everything. I have no idea how such a basic change shows up in one browser and not the other

please help

I have tried to change the color, but why still cannot?

I've successfully changed the color.

Not just change in general.css, there is one more css file.

Why programmers troublesome users by using programming code that is difficult to be manipulated?

This matter should be discussed among programmers so that more template designs that can be made.

I found changing the colours on the site to be comparatively easy.

You can make changes to the general.css file for those colours and in some cases having done so you will then need to go into admin and clear the cache to put those changes into effect.

What i'd like to do is have some stats in the top right of my site.
I have the logo in the top left and then a massive gap of blank space across to the right. I've written some code to display site stats that works fine on its own page, but just cant see which file/where i need to insert it to get it into the top right of the main page.

I have firebug and hoped i'd be able to just highlight the area and go to the page and be sorted, sadly i'm finding with most of these edits, firebug does not tell me the correct page. It will highlight a .css file thats in the cache or in this case tell me i need to go to index.php in the root. I don't have an index.php in the site root. I'm assuming due to its nature where the files link back and forth so much firebug is having trouble nailing down the actual file. I went through a load of the css files adding the filename in as a comment at the top, so i could use the 'comment' function in Firebug but still struggling.

I tried DeeEmm's instructions to put the avatar box up in the top area, in the hope that if that worked i could change it to my code, but got nowhere with that at all.

Can anyone offer some insight as to which file and where i can put code to utilise that top blank area (some people are referring to it as the quote area).

Many Thanks
Matt

Yes you have a index.php in the root of your site. ALL dolphin sites have one and will not function without it. If it's not there, then your not looking in the root of your dolphin site.

However. You don't edit that anyway.

Your seeing cache files in firebug because you have dolphins caching turned on. When editing the site your suppose to turn that caching off.

Some people call it the quotes area because that is where the site quotes appear if you have the quotes module installed. Which i guess you don't.

To put something there. Edit the template file. templates\base\_sub_header.html

Look for the spot that has __main_logo__

That is where the main logo is inserted. So you would modify that area to put in what you need.

If your running a custom template then you would modify _sub_header.html in your custom templates folder if it has one.

Firebug if caching in dolphin is off is only useful for pointing out where CSS changes can be done. Everything else is either generated via code from php functions or in the templates which firebug will not be of any use.

Hi, the index thing was me having a blind moment ;)

I know why people call it the quotes area, thats a bit of a no-brainer, i was merely using the comment to explain exactly which area i was looking to utilise as I've seen it called lots of different things.

Just tried the _sub_header.html thing and it worked brilliant, thankyou very much. :D

Matt

What is that one more css file and what is that change? thanks