Outreach Questions

[Herman]

I have 3 questions:

1. How do I remove the white box top right?
2. How do I add a logo top left without using a long header banner?
3. How do I get the secondary navigation to appear in the green bar?

Thanks

http://www.isitebuild.com/wdc/

[colson]

#1 if you go to line 32 of your css for #header and add
background-color: #000 or you can just change transparent to #000 on the background

#2 you can add a background image to your css starting on line 225 see below (or you can use the full width "long header" but have the background transparent except for on the left where you will have your logo)
.header-image #title-area, .header-image #title, .header-image #title a {}

#3 I will need to take a look at the outreach theme to see if I get a chance later I will look. I would start a new topic for #3 in case I don't get a chance.

[Herman]

Thanks..I still get the white box on the right even after uploading a header+logo.
Please advise.

[colson]

You have to edit your css on approx line 32

This is what you have :
#header {
background: url("http://www.isitebuild.com/wdc/wp-content/uploads/2013/07/header3.png") no-repeat scroll 0 0 transparent;
}

this is what you need to change (change transparent above to #1a212b):

#header {
background: url("http://www.isitebuild.com/wdc/wp-content/uploads/2013/07/header3.png") no-repeat scroll 0 0 #1a212b;
}

[Herman]

Why do I only see this code in my style sheet for the header

#header {
background: #090909 url(images/header.png) center repeat-y;
margin: 0 auto;
min-height: 120px;
overflow: hidden;
width: 100%;
}

I can see your code with firebug but not when I open CSS in Dreamweaver
What am I missing?

Thanks

[colson]

I am sorry I am not at my computer to look. But if you add in the #header that you have:

background-color: #1a212b!important;

#header {
background: #090909 url(images/header.png) center repeat-y;
background-color: #1a212b!important;
margin: 0 auto;
min-height: 120px;
overflow: hidden;
width: 100%;
}

That should work, not the best way to do it using important but would work for now. I won't be at my computer till later today to take a look.

[Herman]

No change after editing css
Let me know if you have a solution

Thanks for taking the time to help.

[colson]

are you sure you saved the change.. I don't see it when I look in firebug.

[Herman]

Got it! Somehow SmartFTP wasn't uploading files to my server so tried Filezilla and it worked.
Now how do I align the header and nav and not get the double primary nav appearing?

[colson]

Ok I think you are wanting just the nav in the green bar? if so. Go to appearence/widgets on the right side there should be a header right widget (or something like that) open it up and delete or drag out the custom menu in there. And that will get rid of it.

[Herman]

Well I was hoping to have a few links at the top ie home, contact, about then the rest of the links on the green however I removed the widget so saved the hassle. Shall I just move the logo in my graphics software or can I use css?

[colson]

I would move the logo over with your graphics software. If you decide later that you want some links in your top right area we can help you adjust the css so it is lined up right.

Corinne

[colson]

You can make a custom menu with just the links you want and then select that menu for your header right area if you want.

[Herman]

Great..thanks so much your help...you made my day.

[Author]

Posts