Changing link on header in all pages

Generally, it would be in the header.php file – but it could depend on the theme and site. More info and/or a link to your site would be helpful on that.

Of course.

https://www.houseoftutors.edu

I basically want to change the text, and link on the top-right where it says “Student Log-in”

Cheers.

With a custom theme, hard to know, but have you looked at the header.php file?

Yes. I actually located it. But I’m having a hard time changing the picture where it says “Student Log-in” to something else.

Any idea how I can locate that element and modify it? Guess I can just overwrite it somewhere on the server in order to apply to all pages?

Thank you!

Looks like that’s actually a background image set in the CSS –

.login a {
    background: url("images/button-login.jpg") no-repeat scroll 0 0 transparent;
    display: inline-block;
    height: 39px;
    width: 136px;
}

So you should be able to replace that with another image or remove the image if you don’t want to do it that way.

Well I’m not familiar with CSS.
I’m not even sure how you got that. But more embarrassing, I have no idea where to obtain that button-login.jpg from the server so I can overwrite it, and also make sure that it is indeed the right file.

I just went to Images and there’s nothing there.

Thanks again!

I used Firebug (addon for Firefox – Chrome Developer Tools is similar). To replace that image, you’d need to use FTP to find that folder on the server.

It might be easier to change that image by uploading a new image to your media library and then changing the file path in the CSS:

.login a {
    background: url("PUT THE NEW FULL FILE PATH TO THE NEW IMAGE HERE") no-repeat scroll 0 0 transparent;
    display: inline-block;
    height: 39px;
    width: 136px;
}

How can I get access to the FTP path of this server? I have no idea where it sits on.

It’s just that when I go to images, there’s literally only one image there – meaning that the images that are stored on the server aren’t found there. So I’m not sure where to upload it to.

Thanks.

You need to get FTP info from the hosting company – FTP isn’t part of WP – just a generic way to access files on the server.

Here’s where that image is located:

https://www.houseoftutors.edu/wp-content/themes/hoft/images/button-login.jpg

Thank you. I figured that, I’m just not sure my boss would know anything about it.

Much obliged. Firebug does indeed look cool and handy for the future. I might also get an FTP browser plug-in fore FF if I’ll manage to get a hold of the server info.

Thanks again!

This is a good FTP “client” –

https://filezilla-project.org/

But one approach which I posted above doesn’t require you to have FTP access – this:

It might be easier to change that image by uploading a new image to your media library and then changing the file path in the CSS:

.login a {
    background: url("PUT THE NEW FULL FILE PATH TO THE NEW IMAGE HERE") no-repeat scroll 0 0 transparent;
    display: inline-block;
    height: 39px;
    width: 136px;
}

You can access the CSS file via Editor > style.css and just upload the new image to the media library.

Yea I saw that message. I may give it a go but not sure it’ll work out. Will it just be
https://www.houseoftutors.edu/wp-content/themes/hoft/images/new.file.jpg ?
Thing is I went to the media library and tried to search for that button-login and couldn’t find it, so I’m not sure the path for a new file I’ll put in the media library will be that same path.

Currently, this is the path
.login { position: relative; margin: 0 15px 0 0; }
.login a { display: inline-block; background: url(images/button-login.jpg) no-repeat; width: 136px; height: 39px; }

so I assume I will just need to make a 136×39 image and name it whatever, put it in the media library (hopefully) and just change the filename to whatever and the path will be images/new.file.jpg

What do you think? I will play around with it tomorrow most likely.

No, that file path is not in the media library – that’s why you need to use FTP to access it.

If you put an image in the media library – copy the URL for that image from the media library window for that image – from the box on the right under “File URL” – that’s the URL you will use in the CSS. Something like:

https://www.houseoftutors.edu/wp-content/uploads/2013/09/newbgimage.jpg

Good stuff, that will be more straightforward, since I highly doubt my boss will have any idea what I’m talking about when I’ll mention FTP.

Much obliged sir. That should cover what we need for now.

Thank you!

Yes, that should be pretty straightforward. And you’re certainly welcome!

BTW, I’m female :).