Forum Replies Created
-
Posts
-
Yikes! I had big issues too when I just updated to Genesis 3.0 on my personal site. It completely broke my customized Genesis theme (based on Interior Pro theme). I had to delete Genesis and then upload and activate an older version I had on my hard-drive and then reactivate my custom child theme. I've got 20+ highly customized client websites. Can you point me to some documentation as to the best way to prep my sites before upgrading to 3.0? This is going to be a nightmare ugh!!
I'm working with the interior pro theme as well and doing some customization. I tried the trick with the custom field on one of my pages using hero_image and then tried both the direct image url and the id tag. Neither worked. Am I missing a step?? Thanks all - may be a dumb question, but I've been working night and day on the site and my brain may be fried a bit lol
Respectfully Victor, the Community Forumn is ON the StudioPress website! So saying "we have no affiliation with StudioPress" is incorrect. And in the past there have been StudioPress affiliated folks who have replied to other threads with information.
Also, I should mention that previously the headers WERE showing fine. I then added Woocommerce with the Print Aura plugin and there was a WordPress and Genesis update and then they disappeared. I've tried deactivating the plugins and they don't come back. I also had used the "Unique headers" plugin and have removed that but that doesn't make a difference either. AGH!!
I adjusted the code slightly here and the space is back:
/*
Site Header
---------------------------------------------------------------------------------------------------- */.primary-nav .site-header {
padding-top: 75px;
}.site-header .wrap {
min-height: 425px;
margin: 0 auto;
width: 1140px;
}But the image is still missing!!
Hi Brad-
I've already done both 1 and 2 ... thus the mystery. The Soliloquy slider works fine on the home page. And there is an adequate spot on the other pages - the problem is that it is blank (the image is not showing). I've adjusted the css a bit based on your second tutorial (I had looked at that before). Now the big space is gone which is a little better... but I'd still like to have a custom header image at the top.
1. My functions.php has:
//* Add support for custom header
add_theme_support( 'custom-header', array(
'default-text-color' => '000000',
'header-selector' => '.site-title a',
'header-text' => false,
'height' => 425,
'width' => 1140,
) );2. The values for the header are not in the Site Header section but here is what I have:
/*
Site Header
---------------------------------------------------------------------------------------------------- */.primary-nav .site-header {
padding-top: 75px;
}.site-header .wrap {
padding: 0px;
}/* Title Area
--------------------------------------------- */.title-area {
width: 100%;
}.header-image .title-area {
padding: 0;
}.site-title {
font-family: 'Raleway', sans-serif;
font-size: 16px;
line-height: 1;
margin-bottom: 0;
}.site-title a,
.site-title a:hover {
color: #0278A3;
margin-left: auto;
margin-right: auto;
display: none;
}.site-description {
display: block;
height: 0;
margin-bottom: 0;
text-indent: -9999px;
}/* Full width header, no widgets */
.header-full-width .title-area,
.header-full-width .site-title {
width: 100%;
max-height: 425px;
}.header-image .site-description,
.header-image .site-title a {
display: block;
height: 0px;
margin-bottom: 0;
text-indent: -9999px;
}Any thoughts why the images just aren't showing? They work on another site I did this too: http://stxenvironmental.org/
/* Logo, hide text */
.header-image .site-title a {
background-position: center !important;
position: relative;
top: 0px;
left: 0px;
bottom: 0px;
right: 0px;
z-index: 9999;
width: 100%;
}/* Widget Area
--------------------------------------------- */.site-header .widget-area {
min-height: 425px;
margin: 0 auto;
overflow: hidden;
width: 1140px;}
.header-image .site-header .title-area,
.header-image .site-header .widget-area {
padding: 0px;
}.site-header .widget-area p {
margin-bottom: 0;
}I've found a bit of a solution and am using the "Advanced Post List" plugin... but that lists things on top of each other. I'd like to have them three across. Any suggestions on how to do that with this plugin are most welcome!
also as an aside I can’t figure out why I can’t get the header centered, it keeps floating left …
.site-title a, .site-title a:hover {
color: #fff;
text-decoration: none;
margin-left: auto;
margin-right: auto;
}I figured that part out! Sometimes walking away and coming back makes all the difference 🙂
In case this can help anyone out... I added background-position: center !important; as below and it did the trick... now to figure out the nav bar!
.header-image .site-title a {
background-position: center !important;
position: relative;
top: 0px;
left: 0px;
bottom: 0px;
right: 0px;
z-index: 2222;
min-height: 400px;
width: 100%;anyone have any ideas? I'm going to revert back to the nav bar above the header at least so that I can present to the client. Ultimately, I need the nav bar to float over the header and the header to have no space at the top. HELP! 🙂
kellyiclaypool - which tutorial did you use? I'm trying to resize my header and I used the following: http://sridharkatakam.com/use-wide-header-magazine-pro/ but got crazy errors referencing pluggable.php ... I looked at your site and see it worked for you. Any help is appreciated!
Thanks Brad! Just to clarify though... do you mean just add that into the CSS code? or when you say Hook it, are you referring to also adding a hook into the functions.php?
You have to also adjust the CSS for the Header Right - make sure that the box size, padding, etc has been adjusted to accommodate the logo size and fit within the span of the page. Hope that helps!
You don't have to go in and edit the actual style.css file in the LIfestyle Pro childtheme. Go to your WP dashboard, then go to "Appearance" and "Edit CSS"... you can drop the code above in there. This will overwrite what's in the Lifestyle Pro CSS. An easy way to update the CSS without altering the original file. Just make sure that the code opens and closes properly (above the end bracket } is missing)
I haven't yet created a child theme from scratch... but I've taken apart and rebuilt child themes that have had the basic layout I wanted. I just copy the theme into a new file, rename and then edit the css and where needed the php files. Also, you can resize, etc the home page sections from the widget areas. Not sure that's super helpful, but its how I've stumbled through so far. Would love to hear if anyone else has some good tutorials on actually building from scratch. My guess is that you copy that actual Genesis file - rename that as a child theme and then go from there.
