Go Back   WarriorForum - Internet Marketing Forums > Warrior Support Forums > Website Design
Register Blogs FAQ Social Groups CalendarHelp Desk

Reply
 
LinkBack Thread Tools
Old 11-10-2009, 06:45 PM   #1
845
Warrior Member
War Room Member
 
845's Avatar
 
Join Date: Dec 2008
Posts: 9
Thanks: 2
Thanked 5 Times in 3 Posts
Default Wordpress Theme Editing Help, Menu bar and Footer

I need some help on,

Forex Protege

I was wondering how to change the menu bar from dark blue to a light green.

At the bottom it off center. Anyway to fix this?

If you have any other suggestions they would be awesome. This is my first site.

Thanks
845 is offline   Reply With Quote
Old 11-10-2009, 08:20 PM   #2
JohnLagoudakis.com
War Room Member
 
johnlagoudakis's Avatar
 
Join Date: Jul 2009
Location: Brisbane, Australia
Posts: 354
Blog Entries: 8
Thanks: 33
Thanked 48 Times in 36 Posts
Social Networking View Member's FaceBook Profile  View Member's Twitter Profile  View Member's YouTube Profile
Default Re: Wordpress Theme Editing Help, Menu bar and Footer

For the footer issue, wrap your text within the following paragraph code:

<p align="center">footer text here</p>

As for the blue menu... I don't think you can easily change this.

*** FREE Webinar Reveals How I Make a Full-Time Income Online! ***
(see how Google stabbed me in the back)

John Lagoudakis Blog

Top 100 Clickbank Affiliate
johnlagoudakis is offline   Reply With Quote
Old 11-11-2009, 12:27 AM   #3
LAG
Warrior Member
 
Join Date: Mar 2007
Location: , , USA.
Posts: 17
Thanks: 0
Thanked 3 Times in 3 Posts
Default Re: Wordpress Theme Editing Help, Menu bar and Footer

Quote:
Originally Posted by 845 View Post
I need some help on,

Forex Protege (URL removed from quote to comply with the RULES)

I was wondering how to change the menu bar from dark blue to a light green.

At the bottom it off center. Anyway to fix this?

If you have any other suggestions they would be awesome. This is my first site.

Thanks
Hey 845,

You can change the menu bar in the style.css file to green IF you have an image editor that allows you to change colors. The image is at your domain URL/wp-content/themes/whitehouse/images/nav-blue.png. Download this image to your computer and pull it up in your image editor. Identify the color of green you want to use by downloading a free tool called Pixie. Look it up on Google; it's free at Nattyware. This tool tells you the color code for any color you mouse over while Pixie is active.

Look at your image editor software to see what color code it requires whether html, RGB, hex, or whatever. Then look at Pixie and find the corresponding code, choose that color, wipe your current nav-blue.png image with the color and rename it to nav-green.png. Then upload the image to your image folder for your theme as described above.

Next you need to edit the CSS file located at your domain URL/wp-content/themes/whitehouse/style.css. Download it to your computer. Open it with Notepad or any text editor and use Ctrl+F to find the text "nav-blue.png". Change that to nav-green.png and save the file, then upload it to overwrite the current style.css file on your domain. This will change the color of the menu bar. It may take a couple of tries before you get the exact shade of green you want, but you only have to edit the CSS file once.

To center the text in the footer, login to your WordPress admin area and click on Appearance, then Editor, then Footer (on the right under templates). Use Ctrl+F to locate "&copy; 2009" (which is your copyright). You'll see the code <p>&copy; 2009 and a lot more including URL's I can't put here. Change the <p> to <p align="center"> and then save the change. See if that fixes the problem.

Let me know if you run into any problems. I do this stuff every day so it's often easier to do something than it is to explain how to do it.

Best wishes,

Leslie
LAG is offline   Reply With Quote
Old 11-11-2009, 08:06 AM   #4
Warrior Member
 
Join Date: Oct 2009
Location: Manchester, UK
Posts: 21
Thanks: 1
Thanked 2 Times in 2 Posts
Social Networking View Member's Twitter Profile 
Default Re: Wordpress Theme Editing Help, Menu bar and Footer

<p align='center'> is deprecated and not valid for your doctype (which is xhtml). It also won't work because it's being overridden by a CSS style.

To align the text in your footer, you'll need to edit the style.css file as mentioned above and add the following anywhere in it:

Code:
body p { text-align: center; }
body #site p { text-align: left; }
For some reason, that footer text is out on its own and not within the #footer div tags. Not sure why. Anyhow, the above should sort you out.

Follow LAG's suggestion for your menu bar issues.

Simon

Create stunning InfoProducts mini-sites in under 10 minutes with our amazing FREE WordPress theme:
http://www.infoproductstheme.com
SimonFairbairn is offline   Reply With Quote
Old 01-11-2011, 01:45 PM   #5
Active Warrior
 
Join Date: Jan 2011
Posts: 47
Thanks: 0
Thanked 1 Time in 1 Post
Default Re: Wordpress Theme Editing Help, Menu bar and Footer

nice one simon....

msforum01 is offline   Reply With Quote
Reply

  WarriorForum - Internet Marketing Forums > Warrior Support Forums > Website Design

Tags
bar, editing, footer, menu, theme, wordpress

Thread Tools

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

BB code is On
Smilies are On
[IMG] code is On
HTML code is Off
Trackbacks are Off
Pingbacks are Off
Refbacks are Off



All times are GMT -6. The time now is 09:30 AM.