[Hard Boiled GregParticipant Post count: 88]

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 GregParticipant Post count: 88]

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 GregParticipant Post count: 88]

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 GregParticipant Post count: 88]

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 GregParticipant Post count: 88]

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 GregParticipant Post count: 88]

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 GregParticipant Post count: 88]

Hey guys,

Merlin, are you running Genesis 1.9.1?

Hard Boiled Greg

---

Website: Hard Boiled Greg Twitter: @hbgreg

[Hard Boiled GregParticipant Post count: 88]

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 GregParticipant Post count: 88]

Hi Anita,

I sent you a DM on Twitter.

HBG

---

Website: Hard Boiled Greg Twitter: @hbgreg

[Hard Boiled GregParticipant Post count: 88]

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 GregParticipant Post count: 88]

404 error for me too.

HBG

---

Website: Hard Boiled Greg Twitter: @hbgreg

[Hard Boiled GregParticipant Post count: 88]

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 GregParticipant Post count: 88]

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 GregParticipant Post count: 88]

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 GregParticipant Post count: 88]

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

[Author]

Posts