[Tony @ AlphaBlossom]

hi jmack,

Any chance you can share a link? It's much easier to troubleshoot if I can see it on the site.

---

Tony Eppright | http://www.AlphaBlossom.com | Follow me on twitter @_alphablossom

[Tony @ AlphaBlossom]

hehe, I know it all too well, Matt!

Glad you got it sorted out 🙂 Have a great one...

---

Tony Eppright | http://www.AlphaBlossom.com | Follow me on twitter @_alphablossom

[Tony @ AlphaBlossom]

It can be added many ways, like through a plugin or another file. Without more info it's hard to say.

A couple of recommendations:

- check your admin Genesis settings. In your WordPress admin, go to "Genesis > Theme Settings" and look in the "Header and Footer Scripts field to see if the code has been added there

- If it's not there, you can try deactivating your plugins one at a time to see if any of them are adding it

- You can search your website files for "font-awesome-css" (the ID) to find which file is adding this.

---

Tony Eppright | http://www.AlphaBlossom.com | Follow me on twitter @_alphablossom

[Tony @ AlphaBlossom]

Hi Vera,

Awesome! Glad it's working how you want 🙂

---

Tony Eppright | http://www.AlphaBlossom.com | Follow me on twitter @_alphablossom

[Tony @ AlphaBlossom]

Hi Verak,

I'm glad you tried it, but I think something was wrong. When I change the css, the site looks exactly the same except the black footer-widgets background becomes full width.

For the functions, i'm not sure why there would be two footer widgets. Your original footer-widgets and footer are not being removed. I tried this code with the Foodie theme and everything works fine.

I can think of two things that might be causing this...where ever you're adding this code is getting executed before the original code to add the footer widgets and footers, so it's not removing them, or there is some custom code added that's adding them again.

My guess is the first, so I'd recommend (if you're not already) adding it to your theme's functions.php file inside the foodie_theme_setup() function, at the end.

---

Tony Eppright | http://www.AlphaBlossom.com | Follow me on twitter @_alphablossom

[Tony @ AlphaBlossom]

If you try my suggestion I think you'll find that it does what you described...but if you want to move it to genesis_after, this will do what you need:

remove_action( 'genesis_before_footer', 'genesis_footer_widget_areas' );
add_action( 'genesis_after', 'genesis_footer_widget_areas', 3 );

remove_action( 'genesis_footer', 'genesis_do_footer' );
remove_action( 'genesis_footer', 'genesis_footer_markup_open', 5 );
remove_action( 'genesis_footer', 'genesis_footer_markup_close', 15 );

add_action( 'genesis_after', 'genesis_do_footer' );
add_action( 'genesis_after', 'genesis_footer_markup_open', 5 );
add_action( 'genesis_after', 'genesis_footer_markup_close', 15 );

---

Tony Eppright | http://www.AlphaBlossom.com | Follow me on twitter @_alphablossom

[Tony @ AlphaBlossom]

Hi,

Your site forwards to vitalitybynature.com/wordpress/ and shows a screen full of garble...looking on Chrome desktop. Maybe your site's been hacked?

---

Tony Eppright | http://www.AlphaBlossom.com | Follow me on twitter @_alphablossom

[Tony @ AlphaBlossom]

Hi,

around line 582 of your style.css, you have .site-container set to "max-width: 1140px;" and "padding: 0 30px;".

You should remove that and instead apply it to your .site-inner div. You'll also have to make the adjustment in your media query if you'd like the same effect for smaller screens.

Have a great day!

Tony

---

Tony Eppright | http://www.AlphaBlossom.com | Follow me on twitter @_alphablossom

[Tony @ AlphaBlossom]

Looks like you got this resolved. The live site looks just like the screenshot.

---

Tony Eppright | http://www.AlphaBlossom.com | Follow me on twitter @_alphablossom

[Tony @ AlphaBlossom]

Do you just want it to extend to the edge of the site-container? If so, you can do something like this:

.new-widget {
  padding: 0 50px;
  margin: 0 -50px;
  background-color: gray;
}

You can use larger numbers if you need to (responsive adjustments, etc).

Not sure why it wouldn't be compliant, but I may be missing something there. If you're worried about that, you can use genesis_after_header, with a priority that comes after the nav and position it before/outside of the .site-inner div.

Hope that helps!

---

Tony Eppright | http://www.AlphaBlossom.com | Follow me on twitter @_alphablossom

[Tony @ AlphaBlossom]

@shreyaag0, looks like you got it figured out?

---

Tony Eppright | http://www.AlphaBlossom.com | Follow me on twitter @_alphablossom

[Tony @ AlphaBlossom]

@Kik Messenger...I don't see any text in your header, and no details about what you're trying to do so I'm not able to help with that.

---

Tony Eppright | http://www.AlphaBlossom.com | Follow me on twitter @_alphablossom

[Tony @ AlphaBlossom]

@anand123sri you're not specific about what you're trying to accomplish. I'm assuming you want the text to go full with. Your title area text is set for 30%, so you'll have to change that to 100% in your style.css file:

#header {
    float: left;
    margin: 0;
    width: 100%;
}

---

Tony Eppright | http://www.AlphaBlossom.com | Follow me on twitter @_alphablossom

[Tony @ AlphaBlossom]

Just fyi, if you used the "code" button before and after your code (you'll see a ` before and after), it will preserve the code and make it easier for others to copy and paste.

So that's appending the nav-social-menu to the end of the menu, inside the menu wrapper which means it's now part of the menu.

Remove (or just comment out while testing) these functions/filters:

add_filter( ‘genesis_nav_items’, ‘sws_social_icons’, 10, 2 );
add_filter( ‘wp_nav_menu_items’, ‘sws_social_icons’, 10, 2 );

function sws_social_icons($menu, $args) {
$args = (array)$args;
if ( 'primary' !== $args['theme_location'] )
return $menu;
ob_start();
genesis_widget_area('nav-social-menu');
$social = ob_get_clean();
return $menu . $social;
}

You already have these functions, leave them as is (except change "your-theme-slug" to "magazine":

genesis_register_sidebar( array(
	'id' => 'nav-social-menu',
	'name' => __( 'Nav Social Menu', 'your-theme-slug' ),
	'description' => __( 'This is the nav social menu section.', 'magazine' ),
) );

remove_action( 'genesis_after_header', 'genesis_do_nav' );
add_action( 'genesis_before_header', 'genesis_do_nav' );

Add this function:

add_action( 'genesis_before_header', 'sws_add_header_social_widget' );
function sws_add_header_social_widget() {
 
	genesis_widget_area( 'nav-social-menu');

}

Now you will have:

<nav></nav>
<aside></aside>
<header></header>

so you can style them using CSS, nav float left, aside float right and that should get you going.
`

---

Tony Eppright | http://www.AlphaBlossom.com | Follow me on twitter @_alphablossom

[Tony @ AlphaBlossom]

Hi again...the functions posted above are to register the widgets, but you also have to have a function to display the widgets (maybe that's sws_social_icons?).

It would include something like:

genesis_widget_area( 'nav-social-menu', array(
		'before' => '<div class="simple-social-icons">',
		'after'  => '</div>',
) );

Without seeing all of code, it's hard to say for sure, but it looks like you're using a filter to insert the widget into the navigation. My guess is the sws_social_icons filter is adding this to the navigation markup, so it's showing the widget inside of the menu-primary ul.

Can you reply with that function? I think you'll want to use an add_action instead of an add_filter, maybe something like this:

add_action( 'genesis_before_header', 'sws_social_icons' );

Not sure without seeing it, but that's my guess. Don't forget to back things up before doing any changes!

---

Tony Eppright | http://www.AlphaBlossom.com | Follow me on twitter @_alphablossom

[Tony @ AlphaBlossom]

Thank you for the nice compliment 🙂 I'm happy I could help! Take care...

---

Tony Eppright | http://www.AlphaBlossom.com | Follow me on twitter @_alphablossom

[Tony @ AlphaBlossom]

Hi Kathy,

I wrote this tutorial showing how to do this with the nextpage tag...maybe it will help:

http://www.alphablossom.com/genesis-style-page-links-multiple-pages-posts/

---

Tony Eppright | http://www.AlphaBlossom.com | Follow me on twitter @_alphablossom

[Tony @ AlphaBlossom]

Hello,

The <aside> widget area should not be inside the

...should be:

<ul>
     <li></li>
     <li></li>
</ul>
<aside>
     <ul>
          <li></li>
          <li></li>
     </ul>
</aside>

Then you can adjust your CSS to float the nav left, and the widget area right.

Hope that helps...have a great weekend!

---

Tony Eppright | http://www.AlphaBlossom.com | Follow me on twitter @_alphablossom

[Tony @ AlphaBlossom]

Hello,

You have a wrap for both your primary and secondary nav, so adding this CSS to your theme's style.css file will match the container style:

.nav-primary > .wrap, 
.nav-secondary > .wrap {
    float: none;
    margin: 0 auto;
    max-width: 1055px;
    width: 100%;
}

Have a great weekend!

---

Tony Eppright | http://www.AlphaBlossom.com | Follow me on twitter @_alphablossom

[Tony @ AlphaBlossom]

Hello, the best way is to use the wordpress wp_enqueue_scripts function. Add this code to your theme's functions.php file:

add_action( 'wp_enqueue_scripts', 'youruniqueprefix_load_custom_scripts');
function youruniqueprefix_load_custom_scripts() {

	// Include Fontawesome stylesheet
  	wp_enqueue_style( 'abte-fontawesome' , '//maxcdn.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.min.css' );

}

There's a good chance you already have a function like this in your theme's functions.php file, so if you do then you can just include the wp_enqueue_style line within the existing function.

---

Tony Eppright | http://www.AlphaBlossom.com | Follow me on twitter @_alphablossom

[Author]

Posts