Twenty Thirteen Header Image

Hey there.

Not totally sure what you’re asking here, could you please clarify?

I think you want to know where the header image is?

If so you can edit it here:

Admin –> Appearances –> Header

You can see the original image there as well as options to change or upload your own. You can also totally remove any image if you wish.

Or if you want to know the path to the images, it’s:

/twentythirteen/images/headers/circle.png

And finally, if I totally misunderstood then please just let me know and provide further clarification. ??

Hope this helps. ??

Thank you for your answer.

Yes you do have a rough idea, like me, of what I’m looking for!

The path “/twentythirteen/images/headers/circle.png” where exactly is that please? i.e. the full url please.

How can I change the Twenty Thirteen theme from a blog to an all purpose theme please?

Hey again.

That’s the path within the theme folder, so it’s:

domain.com/wp-content/themes/twentythirteen/images/headers/circle.png

As I said though, you can change this in the admin area as mentioned in my last post.

I don’t understand the last question but I guess you want to change the front of the site so it uses a page or page template and if that’s the case you create your page in WordPress:

Admin –> Pages

And then set it to the front here:

Admin –> Settings –> Reading

Then change the Front page displays so that you have a static page for the front of site.

If you’re wanting to change the design structurally then you may need to either custom code or hire a developer.

Hope this helps.

I’m new to WordPress. I have look at the theme customization page and have searched this site. I would like to know if it is possible to have the header image only on the front page, or selected pages. I talking about the Twenty Thirteen theme.

If this is not possible here, could it be done in CSS?

Hey DBull,

Hope you’re doing well today!

Yes, you can do this with some CSS. Luckily, each WordPress page will usually have it’s own unique class we can target and same with the home page ??

So, we can do this – if you only want it on the front page.

Add this CSS:

/* hide banner sitewide */

.site-header .home-link {
display: none;
}

/* display banner on home page */

.home .site-header .home-link {
display: block;
}

/* display banner on home page and 1 other page */

.page-id-2 .site-header .home-link, .home .site-header .home-link {
display: block;
}

If it doesn’t work then you may need to use the “!important” declaration. Sometimes it can be a necessary evil.

You will just need to use the ID of the page you’re targeting of course ??

Hope that helps! Have a great day DBull.

Cheers,
Tyler