Canvas theme (WOO Themes)

Sounds like you've already found the solution. Either use a hook or jQuery to add a wrapper that you can then set to 100% which will allow you to target the subsequent divs that need to be 100% width. You can use the jQuery wrap method or an action hook.

Cheers Matthew,

I'll look into it a bit further just wasn't sure if i was going down the right path :)

Not worked with the Canvas theme before or really go into hooks yet

OK so using WooThemes hook manager puts the custom block of code on every page which is a pain, I thought it may be possible to use the body class function and only display the certain block of code onto the homepage.

Got some advice from WooThemes support see below

           function woo_my_custom_block() {
if ( !( is_home() || is_front_page()  ) { return; }
?>
<div id="block1">
     <div class="col-full">
          hi!
    </div>
</div>
<?php
}
add_action( 'woo_content_before', 'woo_my_custom_block');

Would this be something that i would need to use in my front-page.php or functions.php file. does the my_custom_block need to be created as a separate file also ?

Maybe Zac Gordon could help me on this one?

Hope that makes sense any help on this would be appreciated!

It goes in the functions.php file.

You'll see that my_custom_block is just the name of the function you're adding to the hook. You don't need to do anything else :)

My only suggestion is included a template file rather than hard coding too much html if there is a bunch.

Hi Zac Gordon,

Thanks for that so if i was to create a template file called content-block-1.php for example would i just refernce that instead of the HTML code in the functions.php in between the function code above ?

Thanks Zac that makes a lot more sense to me now :)