Community Forums › Forums › Archived Forums › General Discussion › Agency Header
Tagged: header agency
- This topic has 6 replies, 4 voices, and was last updated 11 years, 1 month ago by jonf23.
-
AuthorPosts
-
February 8, 2013 at 3:49 pm #19083ScootDCMember
What's the easiest way to change the header from text to a logo/graphic in Agency Child Theme?
February 8, 2013 at 4:07 pm #19093MoodyRivieraMemberI see that susanlangenes answered this question on this forum earlier today...not sure it's for the Agency theme...here's the link to the question and her reply:
February 8, 2013 at 5:09 pm #19111ScootDCMemberThis solution does not seem to apply to the Agency theme. Is there another way?
February 8, 2013 at 7:22 pm #19131MoodyRivieraMemberI'm not any kind of expert at all on this stuff...barely feeling my way around, but I'm running the Agency theme, I see that there's a place to replace the header text with a graphical file in the Dashboard settings. I haven't tried it yet...but maybe that will work for you.
Dashboard > Appearance > Header
Does that help?
February 8, 2013 at 9:28 pm #19153de PaulusMemberI actually did this today, and my advice is DO NOT use the Header option mentioned above!..
The way I did it, was to change the "Header Title" width to 0 px, and the "Header Right Widget" to 960 px. I then added the EXCELLENT "Black Studio TinyMCE" plugin [ http://wordpress.org/extend/plugins/black-studio-tinymce-widget/ ] to the Top Right Widget and just added my Full width header banner.
If you do NOT want a Full Width header, then you can just add a background url to the "Header Title" section of your .css, and make sure you turn off the "Show site name and description" in the Dashboard > Appearance > Header.
Good Luck
dP
.:: the fall never hurts…. it’s the landing that does the damage ::.
February 18, 2013 at 12:47 pm #21056jonf23MemberThis message is for de Paulus. First off, thank you for the reference to Black Studio TinyMCE.
So my question is related to helping me clarify your post above. The site I am working on is http://www.bbqpitstop.com
When you say change the “Header Title” width to 0 px - do you mean this bit of code located in the child theme (Agency) CSS?
#title-area {
float: left;
min-height: 100px;
overflow: hidden;
padding: 15px 0 0;
width: 350px;And when you say “Header Right Widget” to 960 px - assuming you are referring to the CSS do you mean this code:
#header .widget-area {
float: right;
padding: 40px 0 0;
width: 600px;If my assumptions are correct then I am wondering what I am missing as I have a gap between the "Widget Header" and the top of the window. This gap is the same size as the original header, furthermore if you hover over the top left portion of this gap - even though it appears to be just part of the background - you get a hidden hyperlink that would take you back to the index.php (home) page.
I am not sure what I am missing. It seems as if I need to remove the ability to have the header, but I want to make sure that it isn't a simply misunderstanding before I proceed down this path.
On the Appearance - Header - page all of the variables are as if there were no header.
On the Genesis - Theme Settings - page I tried it with "Enable Extras on Right Side" checked and unchecked.
I also changed the height in the functions.php to zero for the custom header. Which shouldn't matter if there is no custom header set.
/** Add support for custom header */
add_theme_support( 'genesis-custom-header', array( 'width' => 960, 'height' => 115 ) );February 18, 2013 at 1:25 pm #21067jonf23MemberOK - So it appears that I figured it out finally. Here are the notes I used for future reference:
/* Header
------------------------------------------------------------ */Original Code
#title-area {
float: left;
min-height: 100px;
overflow: hidden;
padding: 15px 0 0;
width: 350px;
}Updated Code
#title-area {
float: left;
min-height: 100px;
overflow: hidden;
padding: 15px 0 0;
width: 0px;
}____________________________________________
Original Code
#header .widget-area {
float: right;
padding: 40px 0 0;
width: 600px;
}Updated Code
#header .widget-area {
float: right;
padding: 20px 0 10px;
width: 960px;
}____________________________________________
/* Image Header - Partial Width
------------------------------------------------------------ */Original Code
.header-image #title-area,
.header-image #title,
.header-image #title a {
display: block;
float: left;
height: 115px;
overflow: hidden;
padding: 0;
text-indent: -9999px;
width: 350px;
}Updated Code
.header-image #title-area,
.header-image #title,
.header-image #title a {
display: block;
float: left;
height: 115px;
overflow: hidden;
padding: 0px;
text-indent: -9999px;
width: 0px;
} -
AuthorPosts
- The forum ‘General Discussion’ is closed to new topics and replies.