[Jon Bellah]

There is a selector in your CSS that reads:

menu-primary, .menu-secondary, #header .menu {
float: left;
width: 100%;
}

Change it so that it reads:

menu-primary, .menu-secondary, #header .menu {
float: left;
width: 100%;
box-sizing:border-box;
-o-box-sizing:border-box;
-moz-box-sizing:border-box;
-webkit-box-sizing:border-box;
}

---

Follow me on the Twitters at @JonBellah. I blog about web design, development and a lot about Genesis at CSSForge.com

[Jon Bellah]

Add this to your CSS:

img {
    box-sizing:border-box;
    -o-box-sizing:border-box;
    -moz-box-sizing:border-box;
    -webkit-box-sizing:border-box;
}

---

Follow me on the Twitters at @JonBellah. I blog about web design, development and a lot about Genesis at CSSForge.com

[Jon Bellah]

I know this has been resolved, but I have a blank child theme that I just recently posted on Github, if you're interested in using it.

Eddie Machado also regularly updates Bones for Genesis, which is much more established (and probably better) than mine.

---

Follow me on the Twitters at @JonBellah. I blog about web design, development and a lot about Genesis at CSSForge.com

[Jon Bellah]

In your functions.php file, there should be a line that reads:

add_theme_support( 'genesis-footer-widgets', 3 );

Comment that line out by adding // to the beginning of the line. That way, if you ever want to add the footer widgets back, you can just uncomment the line.

---

Follow me on the Twitters at @JonBellah. I blog about web design, development and a lot about Genesis at CSSForge.com

[Jon Bellah]

Go back to Genesis -> Theme Settings, scroll down to the Content Archives section. In the dropdown, select Display Post Content, then below that, in the box labeled "Limit post to", insert the number of characters you want to limit your excerpt to.

---

Follow me on the Twitters at @JonBellah. I blog about web design, development and a lot about Genesis at CSSForge.com

[Jon Bellah]

Please, add your image to the header so that I can see what it's doing.

Also, how are you adding the HTML snippet?

Genesis takes a little time to understand, especially if you're used to being able to edit the header.php/index.php files. However, you can still do all of the same things you did with old themes, just now in a different way. Using Genesis hooks, you can achieve the same result. Christopher Cochran runs an awesome site over at GenesisTutorials.com, which provides a visual hook guide; so you can see where you should add your code to the site.

Greg Rickaby, Bill Erickson, and StudioPress founder Brian Gardner all have great blogs full of great info on how to work with Genesis.

I'll also plug my own blog, though I have a lot less content than the other gents.

---

Follow me on the Twitters at @JonBellah. I blog about web design, development and a lot about Genesis at CSSForge.com

[Jon Bellah]

Although it's a little counter-intuitive to the name of the class, in your style.css find the img.aligneft property and change it so that it reads:

img.alignleft {
	display: inline;
	margin: 0 10px 10px 0;
	float: right;
}

---

Follow me on the Twitters at @JonBellah. I blog about web design, development and a lot about Genesis at CSSForge.com

[Jon Bellah]

You're adding the image to the post itself, rather than using the "Featured Image" uploader. It should be on the right-hand side of your WordPress post dashboard. Upload your image there and set it as your featured image. WordPress/Genesis will take care of the rest.

As for how to display post excerpts, rather than full content. From your WordPress dashboard, go to: Genesis -> Theme Settings, scroll down to the "Content Archives" section. In the dropdown, select Display post excerpt.

That should do it.

---

Follow me on the Twitters at @JonBellah. I blog about web design, development and a lot about Genesis at CSSForge.com

[Jon Bellah]

No problem! Glad I could help. 🙂

---

Follow me on the Twitters at @JonBellah. I blog about web design, development and a lot about Genesis at CSSForge.com

[Jon Bellah]

Ah, I misread the original question, actually. The code above is to display a presumably static image. In order to add a featured image below the header to blog pages, the code would look like:

add_action('genesis_after_header', 'child_custom_images');
function child_custom_images() {
if (is_single()) { ?>
<?php 
if ( has_post_thumbnail() ) { // check if the post has a Post Thumbnail assigned to it.
  the_post_thumbnail();
} ?>
<?php }}

This code will only display on post pages, and will check to see if the post has a thumbnail (featured image) assigned to it. If it does, it will display it. If it does not, it will not display anything.

---

Follow me on the Twitters at @JonBellah. I blog about web design, development and a lot about Genesis at CSSForge.com

[Jon Bellah]

You would have to edit the CSS in style.css. Just adjust the width: property. The default is:

.sidebar {
display: inline;
float: right;
font-size: 14px;
padding: 10px 0 0;
width: 280px;
}

Just adjust where it says 280px down to your liking; i.e., 250px.

---

Follow me on the Twitters at @JonBellah. I blog about web design, development and a lot about Genesis at CSSForge.com

[Jon Bellah]

Add this to your functions.php file:

add_action('genesis_after_header', 'child_custom_images');
function child_custom_images() { ?>
<!-- Add your HTML here -->
<?php }

---

Follow me on the Twitters at @JonBellah. I blog about web design, development and a lot about Genesis at CSSForge.com

[Jon Bellah]

Sure, use:

.custom-body #inner {
background:url(/wp-content/uploads/2013/01/home_back.png) !important;
}

---

Follow me on the Twitters at @JonBellah. I blog about web design, development and a lot about Genesis at CSSForge.com

[Jon Bellah]

Are you wanting to have a completely different menu, or just style the same links differently?

If the former, you'll want to use meta tags to detect screen size and forward to a mobile version of the site.

If the latter, you can use media queries. Most, if not all, of the StudioPress themes use media queries for mobile responsiveness. You could always just use those as a baseline, since they'll be using similar divs, and customize from there.

Generally, the second method is viewed as the better approach.

---

Follow me on the Twitters at @JonBellah. I blog about web design, development and a lot about Genesis at CSSForge.com

[Jon Bellah]

Please provide a link to your site, so we can give some specific help.

---

Follow me on the Twitters at @JonBellah. I blog about web design, development and a lot about Genesis at CSSForge.com

[Jon Bellah]

Please provide a link to your site. This is generally just a matter of changing your float from float:left; to float:right;, but I could be more specific if you give a link.

---

Follow me on the Twitters at @JonBellah. I blog about web design, development and a lot about Genesis at CSSForge.com

[Jon Bellah]

Wish it would let me delete this... sorry double comment.

---

Follow me on the Twitters at @JonBellah. I blog about web design, development and a lot about Genesis at CSSForge.com

[Jon Bellah]

The code is actually working. Add !important to your custom body class, so it looks like:

.custom-body {
background:url(/wp-content/uploads/2013/01/home_back.png) !important;
}

---

Follow me on the Twitters at @JonBellah. I blog about web design, development and a lot about Genesis at CSSForge.com

[Jon Bellah]

Where it says "your background image here" you need to input the URL to your background image... in this case:

.custom-body {
background:url(/wp-content/uploads/2013/01/home_back.png);
}

---

Follow me on the Twitters at @JonBellah. I blog about web design, development and a lot about Genesis at CSSForge.com

[Jon Bellah]

In the code, where it says if (is_page()) you have to insert the slug of the page you want to add the class to. For example, if ( is_page('about-us')).

---

Follow me on the Twitters at @JonBellah. I blog about web design, development and a lot about Genesis at CSSForge.com

[Author]

Posts