[RiavonParticipant Post count: 93]

Find this in your theme’s stylesheet

.menu-primary, .menu-secondary {
background: url(“images/gray-texture.jpg”) repeat scroll 0 0 transparent;
border-bottom: 1px solid #DDDDDD;
border-top: 1px solid #DDDDDD;
}

And change it to:

.menu-primary, .menu-secondary {
background: transparent none;
border:none;
}

Then just apply the styles to the 100% width div block that holds that menu by adding this to your stylesheet:

#nav {
background: url(images/gray-texture.jpg) repeat scroll 0 0 transparent;
border-bottom: 1px solid #DDDDDD;
border-top: 1px solid #DDDDDD;

---

Twitter: @riavonentprises

[RiavonParticipant Post count: 93]

http://my.studiopress.com/snippets/

Scroll down to “Navigation Menus” section.

---

Twitter: @riavonentprises

[RiavonParticipant Post count: 93]

nevermind … it looks like I was beat to the punch yet again.

---

Twitter: @riavonentprises

[RiavonParticipant Post count: 93]

I quickly glanced at your site with Firebug and it appears that the styles for the menu may be missing. I did not see the .genesis-nav-menu.menu-primary around line 870 in your stylesheet, or the .genesis-nav-menu li around line 879 in your stylesheet, which would need to be in your stylesheet to enable the menu to display like it does on the Metro theme demo.

Did you perhaps accidentally delete these from your stylesheet? If so, try placing the following into your stylesheet and see if that helps you resolve this issue.

.genesis-nav-menu.menu-primary {
background-color: #333333;
}

.genesis-nav-menu li {
display: inline-block;
float: left;
list-style-type: none;
text-align: left;
}

.genesis-nav-menu a {
display: block;
padding: 1rem 1.25rem 0.875rem;
position: relative;
}

(Or, reloading the theme – good idea!) Let us know how it works out!

---

Twitter: @riavonentprises

[RiavonParticipant Post count: 93]

Thanks, Ipstenu, this is a much more elegant – and properly done – solution!

---

Twitter: @riavonentprises

[RiavonParticipant Post count: 93]

All together it looks something like this (replace page id#’s and paths to images with your own). I upload the images to the media library and use the full path to it, i.e. “http://mywebsite.com/wp-content/uploads/2013/01/image-name-1.jpg ” .

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/jquery-backstretch/2.0.3/jquery.backstretch.min.js "></script>
<script>
  // To attach Backstretch as the body's background
  $.backstretch("path-to-the/image1.jpg");
</script>
<script>
 $(".page-id-635").backstretch("path-to-the/image2.jpg");
 $(".page-id-725").backstretch("path-to-the/image3.jpg");
</script>

---

Twitter: @riavonentprises

[RiavonParticipant Post count: 93]

Thanks, Bill. I get frustrated when I don’t pay close enough attention. I do feel I owe an apology, since the advice I offered (though copied) wasn’t what he was asking for. Perhaps I can redeem myself. Will this help?

From 3200 Creative. They say:

“Add this block of code to your functions.php file:

add_action( 'genesis_before', 'child_conditional_actions' );
function child_conditional_actions() {
if( is_home() )
remove_action( 'genesis_before_footer', 'genesis_footer_widget_areas' );
} 

I’ve customized the appearance of home pages via home.php several times… adding/deleting widgets, etc. and I learned how to do it only by Googling tutorials, and of course, lots of trial and error. Sometimes we need to become amateur php coders (or at least copy/pasters) to get the results we want.

Hopefully the tutorial link above puts harooki2 on the right path. Although, on an additional read-through of the thread, it appears that you (Bill) had already suggested the if(is_home() ) bit. I will gracefully bow out of this one, LOL! My strength is CSS, so probably will focus on helping with CSS issues.

---

Twitter: @riavonentprises

[RiavonParticipant Post count: 93]

Whoopsie. In my zealous desire to help, I overlooked that he says home page. My very deepest apologies to you Bill as well as to you harooki2. I am sure with all the expertise and highly knowledgeable participants on this forum, you will most assuredly find the answer you need. Good day, and good bye.

---

Twitter: @riavonentprises

[RiavonParticipant Post count: 93]

The Genesis gurus advise making changes to the functions.php file, rather than the home.php

From the old forums, andrea_r suggests: “You can remove that widget area entirely by removing the declaration for it from the functions.php file. Look for the code that says footer-widgets and remove it.”

SoZo instructs: “Delete this from functions.php:

// Add widgeted footer section
add_action('genesis_before_footer', 'metric_include_footer_widgets'); 
function metric_include_footer_widgets() {
    require(CHILD_DIR.'/footer-widgeted.php');
}  

And Nick suggests:

“Open the functions.php file and find where it has the action to add the footer widgets, and put a // in front of the add_action() line.

Find this:

// Add widgeted footer section
add_action('genesis_before_footer', 'metric_include_footer_widgets');
function metric_include_footer_widgets() {
require(CHILD_DIR.'/footer-widgeted.php');
}

Change it to this:

// Add widgeted footer section
//add_action('genesis_before_footer', 'metric_include_footer_widgets');
function metric_include_footer_widgets() {
require(CHILD_DIR.'/footer-widgeted.php');
} 

Hope this helps you.

---

Twitter: @riavonentprises

[RiavonParticipant Post count: 93]

Or, you could use the handy Genesis Social Profiles Menu plugin.

---

Twitter: @riavonentprises

[RiavonParticipant Post count: 93]

Are you using a plugin to generate those styles? I looked at your site with Firebug and your style code isn’t there. The icons are being generated as a regular sidebar list and images using the child theme’s defaults.

---

Twitter: @riavonentprises

[RiavonParticipant Post count: 93]

Try looking at your user profile to see if the option “Disable the visual editor when writing” is ticked.

---

Twitter: @riavonentprises

[RiavonParticipant Post count: 93]

Can you provide us with a link to your site, please?

---

Twitter: @riavonentprises

[RiavonParticipant Post count: 93]

Do you have the latest installs of WordPress and Genesis and Lifestyle installed? And are all updates updated for everything? (Click on “Updates” at the top of your Dashboard left menu)

You may also want to see if you have a plugin conflict that could be causing this problem. Deactivate all plugins and try to add media again, see if the issue is resolved. If so, then it may be a plugin conflict. You can then reactivate you plugins one by one, trying to do the media placement each time, until it doesn’t work, then you’ll know which plugin is causing the issue.

Just a couple of ideas I’m throwing out there to try. I hope it helps!

---

Twitter: @riavonentprises

[RiavonParticipant Post count: 93]

At around line 1060 in your style.css change the .sidebar width: 250px to width:300px; (see below)

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

To answer your 2nd question, perhaps this excellent step by step tutorial from Nick will help you achieve the results you’re looking for.

---

Twitter: @riavonentprises

[Author]

Posts