OK got to the bottom of the issue.
There’s actually nothing wrong with the template and the code. The issue is the left sidebar or more precisely, the .site:before element which has a higher z-index and overlays that section of the page.
The solution would be to run a function that is invoked when that template is use and will output the required CSS to remove the .site:before element.
For code example, have a look at Fourteen Extended which has a function to do just that on per page basis.
The output for the above function would then be something like
function ridizain_general_css(){
if ( get_post_meta(get_the_ID(), '_fourteenxt_true_fullwidth', true )) {
if ( is_page_template( 'template-location/template-name.php' )) :
?>
<style>
.full-width .archive-header,
.full-width .comments-area,
.full-width .image-navigation,
.full-width .page-header,
.full-width .page-content,
.full-width .post-navigation,
.full-width .site-content .entry-header,
.full-width .site-content .entry-content,
.full-width .site-content .entry-summary,
.full-width .site-content footer.entry-meta {
max-width: 1200px;
width: 100%;
}
.site:before,#secondary{width:0;display:none;}.ie8 .site:before,.ie8 #secondary{width:0px;display:none;}.featured-content{padding-left:0;}.site-content,.site-main .widecolumn{margin-left:0;}.ie8 .site-content,.ie8 .site-main .widecolumn{margin-left:0;}
@media screen and (min-width: 1008px) {.search-box-wrapper{padding-left:0;}}@media screen and (min-width: 1080px) {.search-box-wrapper,.featured-content{padding-left:0;}}
</style>
<?php endif; }
}
add_action( 'wp_head', 'ridizain_general_css' );
You’d add this code in your functions.php
Great! Thanks so much.
That is just a little over my head, but I should be able to read up and wrap my head around it.
Thanks again!
OK, let me work that in to the plugin – you’ll be able to use the current full-width template included in the theme.
Wow! You’re developing on a plugin? Or do you mean an update?
Let me know when it’s available!
thanks.
Its a plugin 🙂
And the first version is ready for download here: http://ridizain.com/ridizain-styles/
You’ll find the option you want on the edit page screen – by checking the box you’ll be able to remove the left sidebar only on that page and thus making it a true 100% full width.
Do let me know what you think. I appreciate all feedback 🙂
Zulf
Hey!
So I installed the plugin and it works great!
It’s perfect!
Thanks so much!
