Community Forums › Forums › Archived Forums › General Discussion › Header Image Disappeared after update
Tagged: 2.0 problems, header, outreach theme
- This topic has 12 replies, 10 voices, and was last updated 11 years, 2 months ago by nickthegeek.
-
AuthorPosts
-
August 10, 2013 at 11:57 pm #55590eightcrazyMember
Just updated a site to WP 3.6 and Genesis 2.0 and the header image disappeared! Anyone else have this issue yet and know the quick fix?
Theme: Outreach
Site: http://bgolaw.pro/
Section of code:
.header-image #title-area {
http://bgolaw.pro/
background: url(images/header-blue.png) no-repeat;
display: block;
float: left;
height: 201px;
overflow: hidden;
padding: 0;
text-indent: -9999px;
width: 350px;
}August 11, 2013 at 4:48 am #55607RobGMemberI can see the header image just fine.
To speed up the process please post the link to the website in question.
We recommend using Firebug to view source codes http://getfirebug.com/
RobGoss WordPress Developer
We build WordPress websites for your business or personal goals
http://www.robgoss.com / Follow me Twitter / https://twitter.com/robgossAugust 11, 2013 at 6:00 am #55613Dan BMemberSimilar issue here: My #header color disappeared!
Dan @ ZindaMedia
Marketing, Fundraising and Social Media strategies for non-profits.August 12, 2013 at 12:55 pm #55837GFParticipantAfter updated my site to Genesis 2.0, the width of the header image became shorter. Before that was full width!
Please help!
Theme: Outreach
Site: http://www.tanchyegeokacupuncturist.com/August 12, 2013 at 5:46 pm #55911RobGMember@GF You might want to start another thread....
To speed up the process please post the link to the website in question.
We recommend using Firebug to view source codes http://getfirebug.com/
RobGoss WordPress Developer
We build WordPress websites for your business or personal goals
http://www.robgoss.com / Follow me Twitter / https://twitter.com/robgossAugust 13, 2013 at 1:20 am #55971GFParticipantAfter updated my site to Genesis 2.0, the width of the header image became shorter. Before that was full width!
Please help!
Theme: Outreach
Site: http://www.tanchyegeokacupuncturist.com/Below is what i get from Firebug. Pls let me know what is the solution.
-------------------------------------------------------------------------
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html lang="en-US" prefix="og: http://ogp.me/ns#" xml:lang="en-US" xmlns="http://www.w3.org/1999/xhtml">
<head profile="http://gmpg.org/xfn/11">
<meta content="text/html; charset=UTF-8" http-equiv="Content-Type">
<title>Tan Chye Geok Acupuncture Centre -</title>
<meta content="width=device-width, initial-scale=1.0" name="viewport">
<style type="text/css">
<link href="http://www.tanchyegeokacupuncturist.com/" rel="canonical">
<meta content="en_US" property="og:locale">
<meta content="website" property="og:type">
<meta content="Tan Chye Geok Acupuncture Centre -" property="og:title">
<meta content="http://www.tanchyegeokacupuncturist.com/" property="og:url">
<meta content="Tan Chye Geok Acupuncture Centre" property="og:site_name">
<meta content="google8c8596c9fc8108f4.html" name="google-site-verification">
<link href="http://www.tanchyegeokacupuncturist.com/feed/" title="Tan Chye Geok Acupuncture Centre » Feed" type="application/rss+xml" rel="alternate">
<link href="http://www.tanchyegeokacupuncturist.com/comments/feed/" title="Tan Chye Geok Acupuncture Centre » Comments Feed" type="application/rss+xml" rel="alternate">
<link id="outreach-theme-css" media="all" type="text/css" href="http://www.tanchyegeokacupuncturist.com/wp-content/themes/outreach/style.css?ver=2.0.0" rel="stylesheet">
<link id="google-fonts-css" media="all" type="text/css" href="http://fonts.googleapis.com/css?family=Lato&ver=2.0.0" rel="stylesheet">
<link id="simple-social-icons-font-css" media="all" type="text/css" href="http://www.tanchyegeokacupuncturist.com/wp-content/plugins/simple-social-icons/css/style.css?ver=1.0.0" rel="stylesheet">
<link id="slider_styles-css" media="all" type="text/css" href="http://www.tanchyegeokacupuncturist.com/wp-content/plugins/genesis-responsive-slider/style.css?ver=0.9.2" rel="stylesheet">
<script async="" src="//www.google-analytics.com/analytics.js">
<script src="http://www.tanchyegeokacupuncturist.com/wp-includes/js/jquery/jquery.js?ver=1.10.2" type="text/javascript">
<script src="http://www.tanchyegeokacupuncturist.com/wp-includes/js/jquery/jquery-migrate.min.js?ver=1.2.1" type="text/javascript">
<meta content="WordPress 3.6" name="generator">
<link type="image/x-icon" href="http://www.tanchyegeokacupuncturist.com/wp-content/themes/outreach/images/favicon.ico" rel="Shortcut Icon">
<link href="http://www.tanchyegeokacupuncturist.com/xmlrpc.php" rel="pingback">
<script>
<style type="text/css">
<style media="screen" type="text/css">
<script>
</head>
<body class="home blog full-width-content outreach">
<div id="wrap">
<script type="text/javascript">
<script src="http://www.tanchyegeokacupuncturist.com/wp-content/themes/genesis/lib/js/menu/superfish.min.js?ver=1.7.4" type="text/javascript">
<script src="http://www.tanchyegeokacupuncturist.com/wp-content/themes/genesis/lib/js/menu/superfish.args.min.js?ver=2.0.0" type="text/javascript">
<script src="http://www.tanchyegeokacupuncturist.com/wp-content/themes/genesis/lib/js/menu/superfish.compat.min.js?ver=2.0.0" type="text/javascript">
<script src="http://www.tanchyegeokacupuncturist.com/wp-content/plugins/genesis-responsive-slider/js/jquery.flexslider.js?ver=0.9.2" type="text/javascript">
</body>
</html>August 13, 2013 at 4:15 am #55987Brad DaltonParticipantThe #header class selector is now .site-header if you have added HTML 5 support to your child theme and updated to Genesis 2.0.
August 13, 2013 at 4:32 pm #56189mysozoMemberIt appears related to the coding at
genesis > lib > structure > header.php
around lines 769-792.
If you view your homepage html source code for http://www.tanchyegeokacupuncturist.com/, you'll see that Genesis 2 is actually inserting a css code for the header that overrides your child theme's css for the header.
On line 44:
</script><style type="text/css">#header { background: url(http://www.tanchyegeokacupuncturist.com/wp-content/themes/outreach/images/header.png) no-repeat !important; }</style>
The
no-repeat !important
overrides your regular css for the Outreach child theme. I'm not sure the proper route to deal with this, but I just edited the above mentioned header.php file within the Genesis framework on line 783 and removed<!--no-repeat !important;-->
which is a temporary fix (until Genesis is updated again).Ironically, if StudioPress updated http://demo.studiopress.com/outreach/ to Genesis 2.0, that demo site would experience the same thing which http://www.tanchyegeokacupuncturist.com/ is experiencing.
August 13, 2013 at 6:18 pm #56205DarralynCMemberHi!
My header did the same thing except it is now flush left instead of centered. I would rather it be centered like before like the demo theme on studio press Outreach theme.
http://www.ccsmain.carmeleducationalfoundation.orgThanks.
August 14, 2013 at 9:14 am #56314GFParticipantPlease Studiopress, we need a response from you. What immediate action are you going to take to resolve this issue ASAP? You can't have an update to Genesis 2.0 and, with that, created compatibility issues with your child themes you sold to your customers. That can't be right.
We need a response from Studiopress!
August 15, 2013 at 5:38 am #56509IdleBuzzMemberMy header is completely changed as well, losing its styling. We REALLY need a fix for this asap please!
August 15, 2013 at 5:46 am #56510SusanModeratorPlease Studiopress, we need a response from you.
@GE (and anyone else) - if you want a response from StudioPress, you need to submit a support ticket. This is the community forum, and is not official support.
August 15, 2013 at 6:04 am #56521nickthegeekMemberHey folks, Susan is right, if you need an official response please submit a support ticket. This is very easy. Log into my.studiopress.com then click the "Get Help" link on the right most menu. For an issue like this select the "technical" option from the drop down.
To save us both time, please make sure you include the URL to your site in the provided field.
You should receive a confirmation email if the ticket was correctly submitted. If you didn't receive the confirmation email, please make sure that you have @copyblogger.com whitelisted with your email service and the email client didn't spam our email. Also, please watch for any error messages when submitting your ticket and double check that your email address was entered correctly.
If you have submitted a ticket but have not heard back from us in 24 hours (we usually reply much faster than that) submit a second ticket.
I think that about covers it all.
As a general fix for this issue. Find #header { } in your style.css file. It might occur more than once and there will be some rules inside the { }. Make that #wrap #header { } (again, there will be rules inside the { } but since this is general I can't provide with the exact rules for all sites)
That will fix most of the header issues. For specific help, contact us. This is a support issue and we will help.
-
AuthorPosts
- The forum ‘General Discussion’ is closed to new topics and replies.