Editing Logo Header

Get Started
1

I am fairly new to php/html. I had a web designer design my site in php some time ago. Presently, I am trying to edit my site, http://www.StrongFamilies.us, as much as possible primarily to save money. What I would like to do that I haven’t been able to figure out is that I would like to include my email address within the top logo header of every page just under the telephone number. I know that I should include this text on header.php but the problem is that when I insert this text below the phone number, the navigational column on the left overlaps most of the email address. I figure that the solution is to lower the navigational column a little but I cannot figure out how to do that. Can anyone point me in the right direction with this issue? Thanks.

2

Sorry, it’s in this file

http://www.strongfamilies.us/includes/layout.css

on line 193.

3

Hi Ralph,

Thank you for your reply. Which file/folder would I find this code? I just searched all of my files in the Includes folder and cannot find an exact match. The closest match that I found in header.php list the following code:

<div style=“position: absolute;
top: 155px;
left: 50px;
color: #663;
font-size: 16px;
padding-left: 10px;
letter-spacing:4px;
font-weight: 500;”>Toll Free: 866-544-4075</div>

Is this the code that I should edit? Thanks.

4

You have a few options, but they mainly involve changing the CSS, which sets the styles for the site.

If you can find this style:

#header {
	height: [COLOR="Blue"]205px[/COLOR];
	position: relative;
	top: 0px;
	left: 0px;
	width: inherit;
	background-image: url('../images/layout/header-background.png');
	background-repeat: no-repeat;
	background-color: [COLOR="Blue"]#06C[/COLOR];
	z-index: 0;
}

change the blue bits to the bits in red:

#header {
	height: [COLOR="Red"]230px[/COLOR];
	position: relative;
	top: 0px;
	left: 0px;
	width: inherit;
	background-image: url('../images/layout/header-background.png');
	background-repeat: no-repeat;
	background-color: #[COLOR="Red"]ffffff[/COLOR];
	z-index: 0;
}
5

That’s great! One other thing I would suggest, though, is to run the email address through the form on this page: http://hivelogic.com/enkoder/form

This turns the email address into scrambled code, which will help prevent the email address being picked up by spammers. (They crawl the web looking for mailto links, and will quickly pump spam mercilessly into your inbox.)

6

Thank you so much for this information as well!!

7

Ralph,

Thank you so much. I successfully added the email address to the logo header!!