Wordpress header image not displaying
I added a function in my functions.php file called add_theme_support('custom-header');
After going to Appearance -> Custom Header, and uploading my file, it refuses to display on my website. If I check my Wordpress admin panel, the image is there clear as day on the UI but will not display on my site, any reasons why?
Header.php code:
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Wordpress Theme</title>
<?php wp_head();?>
<link href="https://fonts.googleapis.com/css?family=Open+Sans:400,600" rel="stylesheet">
</head>
<?php wp_nav_menu(); ?>
<body <?php body_class();?>
<img alt="" src="<?php header_image(); ?>" width="<?php echo get_custom_header()->width; ?>" height="<?php echo get_custom_header()->height; ?>">
php wordpress
add a comment |
I added a function in my functions.php file called add_theme_support('custom-header');
After going to Appearance -> Custom Header, and uploading my file, it refuses to display on my website. If I check my Wordpress admin panel, the image is there clear as day on the UI but will not display on my site, any reasons why?
Header.php code:
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Wordpress Theme</title>
<?php wp_head();?>
<link href="https://fonts.googleapis.com/css?family=Open+Sans:400,600" rel="stylesheet">
</head>
<?php wp_nav_menu(); ?>
<body <?php body_class();?>
<img alt="" src="<?php header_image(); ?>" width="<?php echo get_custom_header()->width; ?>" height="<?php echo get_custom_header()->height; ?>">
php wordpress
add a comment |
I added a function in my functions.php file called add_theme_support('custom-header');
After going to Appearance -> Custom Header, and uploading my file, it refuses to display on my website. If I check my Wordpress admin panel, the image is there clear as day on the UI but will not display on my site, any reasons why?
Header.php code:
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Wordpress Theme</title>
<?php wp_head();?>
<link href="https://fonts.googleapis.com/css?family=Open+Sans:400,600" rel="stylesheet">
</head>
<?php wp_nav_menu(); ?>
<body <?php body_class();?>
<img alt="" src="<?php header_image(); ?>" width="<?php echo get_custom_header()->width; ?>" height="<?php echo get_custom_header()->height; ?>">
php wordpress
I added a function in my functions.php file called add_theme_support('custom-header');
After going to Appearance -> Custom Header, and uploading my file, it refuses to display on my website. If I check my Wordpress admin panel, the image is there clear as day on the UI but will not display on my site, any reasons why?
Header.php code:
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Wordpress Theme</title>
<?php wp_head();?>
<link href="https://fonts.googleapis.com/css?family=Open+Sans:400,600" rel="stylesheet">
</head>
<?php wp_nav_menu(); ?>
<body <?php body_class();?>
<img alt="" src="<?php header_image(); ?>" width="<?php echo get_custom_header()->width; ?>" height="<?php echo get_custom_header()->height; ?>">
php wordpress
php wordpress
asked Nov 25 '18 at 18:22
Donnie BerryDonnie Berry
174
174
add a comment |
add a comment |
1 Answer
1
active
oldest
votes
Have you checked your css that you don't have a "display: none / hidden" on the class or id of the header image?
You can double check that by inspecting element.
add a comment |
Your Answer
StackExchange.ifUsing("editor", function () {
StackExchange.using("externalEditor", function () {
StackExchange.using("snippets", function () {
StackExchange.snippets.init();
});
});
}, "code-snippets");
StackExchange.ready(function() {
var channelOptions = {
tags: "".split(" "),
id: "1"
};
initTagRenderer("".split(" "), "".split(" "), channelOptions);
StackExchange.using("externalEditor", function() {
// Have to fire editor after snippets, if snippets enabled
if (StackExchange.settings.snippets.snippetsEnabled) {
StackExchange.using("snippets", function() {
createEditor();
});
}
else {
createEditor();
}
});
function createEditor() {
StackExchange.prepareEditor({
heartbeatType: 'answer',
autoActivateHeartbeat: false,
convertImagesToLinks: true,
noModals: true,
showLowRepImageUploadWarning: true,
reputationToPostImages: 10,
bindNavPrevention: true,
postfix: "",
imageUploader: {
brandingHtml: "Powered by u003ca class="icon-imgur-white" href="https://imgur.com/"u003eu003c/au003e",
contentPolicyHtml: "User contributions licensed under u003ca href="https://creativecommons.org/licenses/by-sa/3.0/"u003ecc by-sa 3.0 with attribution requiredu003c/au003e u003ca href="https://stackoverflow.com/legal/content-policy"u003e(content policy)u003c/au003e",
allowUrls: true
},
onDemand: true,
discardSelector: ".discard-answer"
,immediatelyShowMarkdownHelp:true
});
}
});
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
StackExchange.ready(
function () {
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f53470522%2fwordpress-header-image-not-displaying%23new-answer', 'question_page');
}
);
Post as a guest
Required, but never shown
1 Answer
1
active
oldest
votes
1 Answer
1
active
oldest
votes
active
oldest
votes
active
oldest
votes
Have you checked your css that you don't have a "display: none / hidden" on the class or id of the header image?
You can double check that by inspecting element.
add a comment |
Have you checked your css that you don't have a "display: none / hidden" on the class or id of the header image?
You can double check that by inspecting element.
add a comment |
Have you checked your css that you don't have a "display: none / hidden" on the class or id of the header image?
You can double check that by inspecting element.
Have you checked your css that you don't have a "display: none / hidden" on the class or id of the header image?
You can double check that by inspecting element.
answered Nov 25 '18 at 20:50
Russel FishRussel Fish
28110
28110
add a comment |
add a comment |
Thanks for contributing an answer to Stack Overflow!
- Please be sure to answer the question. Provide details and share your research!
But avoid …
- Asking for help, clarification, or responding to other answers.
- Making statements based on opinion; back them up with references or personal experience.
To learn more, see our tips on writing great answers.
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
StackExchange.ready(
function () {
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f53470522%2fwordpress-header-image-not-displaying%23new-answer', 'question_page');
}
);
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown