[sean nelson]

Thanks Victor. I had added the background color to see what space the menu was occupying. And applied margin-top:30px to site-header. Then text-align: center. Just felt like I was hacking it to make it work, so your suggestions helped me see that I was on the right path.

Only thing else I had to add... because I am adding content in the header right widget - removed the function to remove it - was some margin to the top (.header-widget-area) as it was under the menu bar at top, and then float it right because it was sitting next to the logo.

Prefer the menu in the header but using a mega menu that needs to go full width, so it was not an option in this case.

Then will remove the header right widget and menu at mobile and replace with wp responsive menu.

Thanks for the assistance.

[sean nelson]

I wound up going the Simple Hooks route and adding the code to thegenesis_before_header hook.

<?php
if(is_front_page()){
echo do_shortcode('[rev_slider alias="classic-carousel4"][/rev_slider]');
}
?>

Since its a slider, just need to edit the slider to make changes.

Thanks Victor. You put me on track in realizing I was not using the correct hook.

[sean nelson]

Thanks Victor. I'll have to think this through. I'll post again with results.

[sean nelson]

Create a transparent background image (25x25 should be fine). Then add the image as a background image for .site-header.

.site-header {
background: url(/wp-content/uploads/2014/09/black-opacity-75.png);
left: 0;
position: fixed;
top: 0;
width: 100%;
z-index: 900;
}

This will make the header background optic on all pages. It looks good on the home page but not so good on interior pages. (black background image with .7 opacity becomes grey on interior pages when body background is set to white) For the site I'm building I isolated the home page header by adding the following code.

.home .site-header {
background: url(/wp-content/uploads/2014/09/black-opacity-75.png);
}

Then I left the code for .site-header as originally written. Now header is optic on home page and black on interior pages.

You can see this on my build site at fourtoscore.com. (If you're reading this in a couple of weeks site will be at oldviningsinn.net)

[sean nelson]

Finally figured this one out and it was so simple it was hard.

Background: Client wanted to remove the image above the title in the streamline theme for the blog posts showing on the home page. Then wanted the image used in the post to show on the home page.

Step 1: Remove image above title: In functions. php remove:

/** Add post image above post title */
add_action( 'genesis_before_post', 'streamline_post_image' );
function streamline_post_image() {

	if ( is_page() ) return;

	if ( $image = genesis_get_image( 'format=url&size=post-image' ) ) {
		printf( '<a href="%s" rel="bookmark"><img src="%s" alt="%s" /></a>', get_permalink(), $image, the_title_attribute( 'echo=0' ) );
	}

}

Step 2: Show post image on home page:

Go to css settings and change:

.home .hentry img {
    display: none;
}

To:

.home .hentry img {
    display: block;
}

[sean nelson]

Please delete this post. Copy of another post,

[sean nelson]

Please Delete this post. Copy of previous post.

[sean nelson]

Solved issue: My guess is that by using Featured Posts in Widgitize page widget, fed into a page and then pulled into home middle by Featured post generated a conflict between Featured Post and Featured Page widgets.

Instead took code that was on the page I was pulling into home middle and placed it in a text widget for home middle.

Have to remember to keep it simple.

[sean nelson]

This is a old post but in case anyone is sill looking for an answer here is how I did this on the http://www.surgelabs.com site:

Full Height Sidebar in Genesis Via Custom Body class

Theme: Outreach with html5 enabled:

Step 1: Load following to functions.php

/**

* Custom Body Classes
* @link http://www.billerickson.net/wordpress-class-body-tag/
* @author Bill Erickson
*
* @param array $classes existing body classes
* @return array modified body classes
*/

function my_body_classes( $classes ) {

if ( is_page() )

$classes[] = "custom-content-bg";

if ( is_single() )

$classes[] = "custom-content-bg";

return $classes;

}

add_filter( 'body_class', 'my_body_classes' );

Step 2: Add following to css

/* I used this first css code for styling the main container using the custom body class. Not needed for the sidebar 100% extension.
.custom-content-bg .content {

float: left;
background-color: #ffffff;
border: 1px solid rgb(228, 228, 228);
padding: 30px 40px 30px 40px;
margin: 25px 0px 0 0;

}

**This is necessary for 100% sidebar extension to work. You can add additional styling elements.

.custom-content-bg .sidebar {

background: url("http://your-image-source.jpg") repeat-y scroll -1px top #fff;
position: absolute;
height: 100%;
margin-bottom:25px;
}

Step 3: Add position relevant to .content-sidebar-wrap

---original code---
.content-sidebar-wrap {
float: left;
width: 860px;

}

---revised code---

.content-sidebar-wrap {
float: left;
width: 860px;
position: relative;
}

This was done using the Outreach theme. I have not tried it yet on any other Genesis themes, but I would expect that it would be similar.

Hope it helps.

[sean nelson]

Not a complete answer to your question but thought I would add as it may help someone looking to simply extend the sidebar down 100%.

This is what I did to do this on the http://www.surgelabs.com site:

Full Height Sidebar in Genesis Via Custom Body class

Theme: Outreach with html5 enabled:

Step 1: Load following to functions.php

/**

* Custom Body Classes
* @link http://www.billerickson.net/wordpress-class-body-tag/
* @author Bill Erickson
*
* @param array $classes existing body classes
* @return array modified body classes
*/

function my_body_classes( $classes ) {

if ( is_page() )

$classes[] = "custom-content-bg";

if ( is_single() )

$classes[] = "custom-content-bg";

return $classes;

}

add_filter( 'body_class', 'my_body_classes' );

Step 2: Add following to css

/* I used this first css code for styling the main container using the custom body class. Not needed for the sidebar 100% extension.
.custom-content-bg .content {

float: left;
background-color: #ffffff;
border: 1px solid rgb(228, 228, 228);
padding: 30px 40px 30px 40px;
margin: 25px 0px 0 0;

}

**This is necessary for 100% sidebar extension to work. You can add additional styling elements.

.custom-content-bg .sidebar {

background: url("http://your-image-source.jpg") repeat-y scroll -1px top #fff;
position: absolute;
height: 100%;
margin-bottom:25px;
}

Step 3: Add position relevant to .content-sidebar-wrap

---original code---
.content-sidebar-wrap {
float: left;
width: 860px;

}

---revised code---

.content-sidebar-wrap {
float: left;
width: 860px;
position: relative;
}

This was done using the Outreach theme. I have not tried it yet on any other Genesis themes, but I would expect that it would be similar.

Hope it helps.

[sean nelson]

Sridhar,

Worked perfectly.  Thank you for the help.

Sean

[sean nelson]

Thanks, not a bad idea.  It would require me to put the image down at least as far as the read more button, but its an option.

Still hoping for a code solution, though.

Thanks for taking the time to help.

Sean

[sean nelson]

I had the same problem with the Generate theme.  More pronounced on Safari than Firefox.  Seems like the hover in the first drop down did not extend all of the way to the second drop down.

Fixed by making the following change:

#nav li li a,
#nav li li a:link,
#nav li li a:visited {
background: none;
border-bottom: 1px dotted #731212;
color: #fff;
font-size: 11px;
padding: 7px 5px;
position: relative;
text-shadow: 1px 1px #444;
width: 145px;   ****this was set at 128. Changed it to 145.
}

  

[sean nelson]

I would wait.  I've had issues with adding header image (skip crop option disappeared) and with adding links to posts (link pop up hangs).  Plus seeing others with issues as well.  Some could be conflicts with particular plugins, but both of mine seem to be core issues.

[Author]

Posts