Changing Color of the layout

If this is in the wrong section sorry. Please move accordingly.

I've been working with My color layout and have come up with this so far http://www.budjetpc.com/gallery3/

There is still a couple of changes I would like to make;

1: the lib/logo.png I would like to have the link take me back to my real home page.

2: the navigational links at the top Home/ad/album/admin (lite blue) I would like to change the color of the tabs (I managed to get the role overs but can't find the Home tab)

3:where it tells how many Photo's are showing at the bottom I'd like to change it from the white.

4: I would like to incorporate my banner and footer from my site www.budjetpc.com in the header footer.

Jim

First, I hate to break it to you, but there have been major css changes since B3 was released. If you upgrade, your changes will be broken. Er, well I see you actually edited the default theme which has been renamed to 'wind' so if you upgrade your changes will go away anyway.
http://gallery.menalto.com/node/91603

Welcome to the joys of beta software

Instead of editing the default theme I'd seriously look at copying to to make your own. Otherwise every upgrade will overwrite your changes:
http://codex.gallery2.org/Gallery3:Tutorials:Themes

You should be able to override any and all css at the theme level without changing anything outside of the theme. You can also override other things like views:
http://codex.gallery2.org/Gallery3:Theme_Overriding

Potentially you should be able to override pretty much everything at the theme level, however there is a "bug" right now that not everything can be overridden:
http://sourceforge.net/apps/trac/gallery/ticket/841

1: Edit themes/MyTheme/views/page.html.php

2: Edit themes/MyTheme/css/screen.css and put your changes there. You could also upgrade to the latest code (possibly losing all of your changes unless you make a backup and even then they won't be compatible with the current code)
http://codex.gallery2.org/Gallery3:Upgrading

From there you can see and review the night_wind theme (a new theme) and take a look at it's css directory and see how it overrides the themeroller stuff.

3: Install Firefox and the Firebug extension and use that to inspect elements of the page to track that stuff down in seconds versus minutes or hours

4: Edit themes/MyTheme/views/page.html.php
EDIT: you could also potentially go to Admin > Appearance > Theme Options and edit the Header and Footer text there, you can put full HTML in there, but it may not give you everything you need. Editing page.html.php will give you more control over the entire layout of the page.

I hope I answered your questions, I know I dumped a ton of info on you. Just ask for clarification.
____________________________________________
Like Gallery? Like the support? Donate now!!! See G2 live here

You can call it what ever you want, I just used "MyTheme" as an example.

Try searching google for "firebug tutorials"

Looks like there are more than a few out there:
http://www.webmonkey.com/tutorial/Build_Better_Pages_With_Firebug
____________________________________________
Like Gallery? Like the support? Donate now!!! See G2 live here

Open up /themes/MyTheme/views/page.html.php

Find this

Change all of that to be your link with logo. That's a bunch of PHP code in there to generate a link to the root url of your G3 install (www.example.com/gallery3) and to all the text to be translated and get the URL of the currently defined logo for Gallery. You can hard code any of that that you want, ripping out all of the PHP code if you like.
____________________________________________
Like Gallery? Like the support? Donate now!!! See G2 live here

That is in /lib/themeroller/ui.base.css

Take a look at the night_wind theme on how to override that if you want to deal with all that overhead. Or keep reading on how to get that code and copy into your own screen.css

In Firebug, if you're inspecting elements of the page and click on that button, on the right-hand pane you'll see the CSS code that goes along with that button. Scroll down a bit and you'll see where background colors and such are assigned. Then you'll see that right above that it says line 206 to the right of the combined css file name.

Click on that and you'll be taken right to that section of the page. From there you can copy and paste that and put that into your screen.css and it should override the settings there.

For instance I took:

.ui-state-default, .ui-widget-content .ui-state-default {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:#DFEFFC url(http://www.budjetpc.com/gallery3/lib/themeroller/images/ui-bg_glass_85_dfeffc_1x400.png) repeat-x scroll 50% 50%;
border:1px solid #C5DBEC;
color:#2E6E9E;
font-weight:bold;
outline-color:-moz-use-text-color;
outline-style:none;
outline-width:medium;
}

Copied that to the bottom of my screen.css file for my theme and changed it to this:

.ui-state-default, .ui-widget-content .ui-state-default {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:#FFFFFF;
border:1px solid #C5DBEC;
color:#2E6E9E;
font-weight:bold;
outline-color:-moz-use-text-color;
outline-style:none;
outline-width:medium;
}

That turned the inside of the button black.
____________________________________________
Like Gallery? Like the support? Donate now!!! See G2 live here

nivekiam: Thanx for the insight on firebug. I was really starting to get it, I think, Until I went to the /lib/themeroller/ui.base.css and it wasn't there I then edited the screen.css file(Like you did)and got the buttons looking good and ya some other crap changed but that's fine it looks like it's supposed to be that way. BUT I lost my roll over effects just on those buttons. Any way I can get them back? Some more code? I'm not a coder and this is my 1st web site. If we can finish this I'll put it up as a theme 4 every1.

Ok one last question where can I find the default text color? I'd like to change it from black to white. I just can't find the #000 code that changes it.

Thanx