[Hard Boiled Greg]

Doh! Didn't think about the sidebar dropping below the content.

OK, put the the logo in your header (top, left) and put your menu in the header widget area. I'll help you with the css to move everything around so it is positioned the way it looks now, but with the logo not in your sidebar.

Just got home and have to unpack. I'll be back to this thread later.

HBG

---

Website: Hard Boiled Greg Twitter: @hbgreg

[Hard Boiled Greg]

Hi Krystyn,

There are a couple of ways you could do this.  One would be to re-position the main nav to be within the #inner div.

Another would be to apply "position:relative" and a negative "top" value to the #sidebar rule.  If you do this, be sure to remove the "overflow:hidden" rule from the #inner.

Please let me know if you need more specific help with this.

Hard Boiled Greg

---

Website: Hard Boiled Greg Twitter: @hbgreg

[Hard Boiled Greg]

Hi Cynthia,

I just tried to take a look and the site appears to be down?

HBG

---

Website: Hard Boiled Greg Twitter: @hbgreg

[Hard Boiled Greg]

Hi nymills,

I LOVE converting PSD files to Genesis child themes. You can learn more about me and see some of my work on my site at http://hardboiledgreg.com

Take care,

HBG

---

Website: Hard Boiled Greg Twitter: @hbgreg

[Hard Boiled Greg]

I love doing PSD to Genesis conversions! You can learn more about me at my website http://hardboiledgreg.com

Hard Boiled Greg

---

Website: Hard Boiled Greg Twitter: @hbgreg

[Hard Boiled Greg]

Hi Anita,

As we discussed, a CSS solution might be more accommodating to your content at variable widths than the background image.

First register the widgets in functions.php:

genesis_register_sidebar( array(
	'id'				=> 'circle-1',
	'name'			=> __( 'Circle #1', 'minimum' ),
	'description'	=> __( 'This is the left circle on the home page.', 'minimum' ),
) );
genesis_register_sidebar( array(
	'id'				=> 'circle-2',
	'name'			=> __( 'Circle #2', 'minimum' ),
	'description'	=> __( 'This is the middle circle on the home page.', 'minimum' ),
) );
genesis_register_sidebar( array(
	'id'				=> 'circle-3',
	'name'			=> __( 'Circle #3', 'minimum' ),
	'description'	=> __( 'This is the right circle on the home page.', 'minimum' ),
) );

The hook those widgets into where the feature image normally goes on the home page. Still in functions.php replace:

if ( is_home() ) {
		echo '<div id="featured-image"><img src="'. get_stylesheet_directory_uri() . '/images/sample.jpg" /></div>';
	}

with:

if ( is_home() ) {
	echo '<div id="home-circles">';

		genesis_widget_area( 'circle-1', array(
			'before' => '<div class="circle-1 widget-area">',
		) );

		genesis_widget_area( 'circle-2', array(
			'before' => '<div class="circle-2 widget-area">',
		) );

		genesis_widget_area( 'circle-3', array(
			'before' => '<div class="circle-3 widget-area">',
		) );

	echo '</div><!-- end #home-circles -->';

	}

And for the CSS:

/* Home Circles
------------------------------------------------------------ */

#home-circles {
	background-color: #58585a;	
	margin: 0 auto;
	max-width: 1600px;
	overflow: hidden;
	padding: 3% 1.5%;
	text-align: center;

}

.circle-1,
.circle-2,
.circle-3 {
	border-radius: 50%;
	float: left;
	height: 0;
	overflow: hidden;
	padding-bottom: 31%;
	width: 32%;
}


.circle-2,
.circle-3  {
	margin: 0 0 0 2%;
}

.circle-1 {
	background-color: #c3c4c6;
	}

.circle-2 {
	background-color: #fefefe;
}

.circle-3 {
	background-color: #7a7e89;
}

After you do that, drop in a text widget and you'll see your next challenge. The CSS border-radius (and your original image) doesn't "contain" or hold the text within the circumference of the circle. The text will take up the full width of the widget at all heights. So to keep the text within the circle you will have to add padding to all sides. How much padding depends on your text.

I haven't provided any responsive code for your style sheet yet. Play around with it and your anticipated text and move the browser window in and out a bit.

Contact me on Skype if you'd like to chat.

Take care,

Hard Boiled Greg

---

Website: Hard Boiled Greg Twitter: @hbgreg

[Hard Boiled Greg]

There's a few things you could do, but perhaps the simplest would be to rename the home.php file in your theme folder. Then set your reading settings to display latest posts and see if it doesn't look the same as it does now.

Let me know.

HBG

---

Website: Hard Boiled Greg Twitter: @hbgreg

[Hard Boiled Greg]

It doesn't look like the Midnight theme is still available so I can't look at it's default. How is the posts page different?

HBG

---

Website: Hard Boiled Greg Twitter: @hbgreg

[Hard Boiled Greg]

Hey guys,

Merlin, are you running Genesis 1.9.1?

Hard Boiled Greg

---

Website: Hard Boiled Greg Twitter: @hbgreg

[Hard Boiled Greg]

Hi,

How are your reading settings configured? It appears are you using a blog page template and then setting that to be the static front-page under reading settings? If you are older/newer doesn't work on pages.

Hard Boiled Greg

---

Website: Hard Boiled Greg Twitter: @hbgreg

[Hard Boiled Greg]

Hi Anita,

I sent you a DM on Twitter.

HBG

---

Website: Hard Boiled Greg Twitter: @hbgreg

[Hard Boiled Greg]

Hi excellent,

Html entered in this field is displaying for me OK, is it not for you? Have you tried disabling your plugins to rule out any possible conflicts?

Let me know and we'll keep troubleshooting.

Thanks,

Hard Boiled Greg

---

Website: Hard Boiled Greg Twitter: @hbgreg

[Hard Boiled Greg]

404 error for me too.

HBG

---

Website: Hard Boiled Greg Twitter: @hbgreg

[Hard Boiled Greg]

Hi Ted,

If you have set up your site like the demo then that content is being displayed via the Genesis - Featured Posts widget. There is a tick-box where you can choose not to display the Post Info at all and a field below you can edit to just display what you want.

That should resolve it for you; let me know how it goes.

Hard Boiled Greg

---

Website: Hard Boiled Greg Twitter: @hbgreg

[Hard Boiled Greg]

Hi Ted,

Do you mean the date in the top right corner beside the menu?

You can turn this off in the Genesis settings by un-ticking "Enable Extras on Right Side".

Let me know if you get this sorted out.

Thanks,

Hard Boiled Greg

---

Website: Hard Boiled Greg Twitter: @hbgreg

[Hard Boiled Greg]

Hi,

Did you get this resolved?

If you want to add the source via a custom field, you can post this to your functions.php file:

// Add custom field for content source after content
function hbg_source_cf() {
  genesis_custom_field('source');
}
add_action( 'genesis_after_post_content', 'hbg_source_cf', 8 );

Then on your post edit screen under "Add New Custom Field" enter "source" (without quotes) for the Name and your link code (with via-) for the Value.

I haven't tested it with your sharing plugin to confirm it leaves out the content of this field.

Let me know how this works out for you.

Hard Boiled Greg

---

Website: Hard Boiled Greg Twitter: @hbgreg

[Hard Boiled Greg]

Hi,

Deleting this line:

add_action( 'genesis_before_post', 'genesis_post_info' );

from functions.php removes that bar from the default install. The bar in your pic seems larger than the demo site.

I hope this helps you.

Hard Boiled Greg

---

Website: Hard Boiled Greg Twitter: @hbgreg

[Hard Boiled Greg]

Hi Judy,

I'm sorry, without seeing the site/problem, I really can't offer the solution.

If you are able to make the home page viewable or provide a screen shot of the home page, I'd be happy to help.

Take care,

HBG

---

Website: Hard Boiled Greg Twitter: @hbgreg

[Hard Boiled Greg]

Hi gtappend,

Using the "center" value for your background position will ensure the header is centered at all browser widths.

You would be best to edit the image so the text is centered within it as well.

Take care,

HBG

---

Website: Hard Boiled Greg Twitter: @hbgreg

[Hard Boiled Greg]

Hi gtappend,

The WordPress custom header feature can be frustrating. Add the following to your #header rule:

background-color: #fff500 !important;
background-position: center !important;
max-width: 100%;

Let me know how that works out for you.

Take care,

Hard Boiled Greg

---

Website: Hard Boiled Greg Twitter: @hbgreg

[Author]

Posts