archet1337
08-14-2011, 11:38 AM
Hi,
I have CMS widgets showing on my main page (article_preview), but I would like to remove them from the article_page and only have the article being displayed as 100% width.
Can anyone advice on how to do this, as I'm not sure what template I should edit.
Please see the link below for an example. I would like to remove the widgets on the bottom right and have the article displayed 100% width.
http://www.radioctrl.com/content/how_properly_break_tune_nitro_engine-4/
Any help with this is much appreciated.
If it helps, here is my vbcms_content_article_page template:
{vb:raw css}
<div class="tcatBar">
<div class="tcatLeft"><div class="tcatRight">
<h2>
<a href="{vb:raw page_url}"><span class="forumtitle">{vb:raw title}</span></a>
<vb:if condition="$can_edit">
<a class="edit" href="{vb:raw edit_url}">
<img class="editimage" src="{vb:stylevar imgdir_cms}/edit_small.png" alt="{vb:rawphrase edit}" />
</a>
</vb:if>
</h2>
</div></div>
</div>
<div class="forumbitBody">
<div class="thead_bar">
<div class="articlebackround">
<div class="cms_widget_content2 widget_content2">
<div class="article_author_date_comment_container">
<vb:comment>
<vb:if condition="$showuser">
<div>
<a href="{vb:link member, {vb:raw userid}}"><img src="{vb:raw vboptions.bburl}/image.php?{vb:raw session.sessionurl}u={vb:raw userid}&type=profile" alt="" class="post_avatar" /></a>
</div>
</vb:if>
</vb:comment>
<div class="fullwidth">
<vb:if condition="$show['fb_likebutton']">
<div>{vb:raw fblikebutton}</div>
</vb:if>
<div class="article_username_container<vb:if condition="!$showrating">_full</vb:if>">
<vb:if condition="$showuser">
{vb:rawphrase by_x_nolink, {vb:raw memberaction_dropdown}}
<vb:else />
</vb:if>
</div>
<vb:if condition="$showrating">
<div class="article_rating_container">
<div class="popupmenu cmsratingmenu" id="cmsrating">
<h6><a class="popupctrl" href="javascript://" id="cmsrating_current"><vb:if condition="$rating"><img class="inlineimg" src="{vb:stylevar imgdir_rating}/rating-15_{vb:raw rating}.png" alt="{vb:phrase rating_x_votes_y_average, {vb:raw ratingnum}, {vb:raw ratingavg}}" /><vb:else />{vb:rawphrase rate_this_article}</vb:if></a></h6>
<form action="content.php?{vb:raw node}/rate" method="post" id='cms_cmsrate_form'>
<ul class="popupbody popuphover">
<vb:if condition="$showratenode">
<li><label for="r5"><span class="rating5 cmsrating {vb:stylevar right}">
<input type="radio" name="vote" value="5" id="r5" {vb:raw votechecked.5} tabindex="1" /> {vb:rawphrase excellent}
</span></label></li>
<li><label for="r4"><span class="rating4 cmsrating {vb:stylevar right}">
<input type="radio" name="vote" value="4" id="r4" {vb:raw votechecked.4} tabindex="1" /> {vb:rawphrase good}
</span></label></li>
<li><label for="r3"><span class="rating3 cmsrating {vb:stylevar right}">
<input type="radio" name="vote" value="3" id="r3" {vb:raw votechecked.3} tabindex="1" /> {vb:rawphrase average}
</span></label></li>
<li><label for="r2"><span class="rating2 cmsrating {vb:stylevar right}">
<input type="radio" name="vote" value="2" id="r2" {vb:raw votechecked.2} tabindex="1" /> {vb:rawphrase bad}
</span></label></li>
<li><label for="r1"><span class="rating1 cmsrating {vb:stylevar right}">
<input type="radio" name="vote" value="1" id="r1" {vb:raw votechecked.1} tabindex="1" /> {vb:rawphrase terrible}
</span></label></li>
<li class="formsubmit"><input type="submit" class="button" value="{vb:rawphrase vote_now}" tabindex="1" /></li>
<vb:else />
<li><label>{vb:rawphrase already_rated_this_article}</label></li>
</vb:if>
</ul>
<input type="hidden" name="s" value="{vb:raw session.sessionhash}" />
<input type="hidden" name="securitytoken" value="{vb:raw bbuserinfo.securitytoken}" />
</form>
<script type="text/javascript" src="clientscript/cms_ajax_rate.js?v={vb:raw vboptions.simpleversion}"></script>
<script type="text/javascript">
<!--
var nodeid = {vb:raw node};
vB_AJAX_CMSRate_Init('cms_cmsrate_form');
//-->
</script>
</div>
</div>
</vb:if>
<div class="cms_clear"></div>
<vb:if condition="($showpublishdate OR ($showupdated AND $lastupdated) OR ($viewcount AND $showviewcount)) OR $comment_block">
<div class="article_username_container">
<vb:if condition="$showpublishdate">
<vb:if condition="!$published OR !$setpublish">
<span style="color:red">
<vb:if condition="$publishdate AND $setpublish">
{vb:rawphrase page_will_be_published_x {vb:raw publishdatelocal}} {vb:raw publishtimelocal}
<vb:else />
{vb:rawphrase page_not_published}
</vb:if>
</span>
<vb:elseif condition="$publishdate" />
{vb:rawphrase published_on_x {vb:raw publishdatelocal}} {vb:raw publishtimelocal}
</vb:if>
</vb:if>
<vb:if condition="$showupdated and $lastupdated">
{vb:rawphrase updated_on_x {vb:date {vb:raw lastupdated}, {vb:raw dateformat}}}
</vb:if>
<vb:if condition="$viewcount AND $showviewcount">
{vb:rawphrase number_of_views}: {vb:raw viewcount}
</vb:if>
</div>
</vb:if>
<vb:if condition="$comment_block">
<div class="article_rating_container">
<a href="{vb:raw page_url}#comments" rel="nofollow">{vb:raw comment_count} <vb:if condition="$comment_count == '1'">{vb:rawphrase comment}<vb:else />{vb:rawphrase comments}</vb:if></a>
<img src="{vb:stylevar imgdir_misc}/comment.png" alt="{vb:rawphrase comments}" border="0" />
</div>
</vb:if>
</div>
</div>
<vb:if condition="$next_page_url OR $prev_page_url">
<div class="cms_toc_container fullwidth">
<div class="navpopupmenu popupmenu nohovermenu">
<span class="shade">{vb:rawphrase pages}:</span>
<vb:each from="pagelist" value="page">
<vb:if condition="$page['selected']"><a href="{vb:raw page.url}" class="popupctrl"><span class="ctrlcontainer">{vb:raw page.title}</span></a></vb:if>
</vb:each>
<vb:if condition="$prev_page_url">
<a href="{vb:raw prev_page_url}" class="textcontrol"><img src="{vb:stylevar imgdir_pagination}/previous-{vb:stylevar right}-black.png" alt="{vb:raw prev_page_phrase}" /></a>
</vb:if>
<vb:if condition="$next_page_url">
<a href="{vb:raw next_page_url}" class="textcontrol"><img src="{vb:stylevar imgdir_pagination}/next-{vb:stylevar right}-black.png" alt="{vb:raw next_page_phrase}" /></a>
</vb:if>
<ul class="navpopupbody popupbody popuphover">
<vb:each from="pagelist" value="page">
<!-- selected: {$page.selected} -->
<li><a href="{vb:raw page.url}">{vb:raw page.title}</a></li>
</vb:each>
</ul>
</div>
</div>
</vb:if>
<div class="clear"></div>
<div class="article cms_clear restore postcontainer">{vb:raw pagetext}</div>
<vb:if condition="$showattachments">
<div class="attachments">
<vb:if condition="$thumbnailattachments">
<fieldset class="postcontent">
<legend><img src="{vb:stylevar imgdir_misc}/paperclip.png" class="inlineimg" alt="{vb:rawphrase attached_thumbnails}" /> {vb:rawphrase attached_thumbnails}</legend>
{vb:raw thumbnailattachments}
</fieldset>
</vb:if>
<vb:if condition="$imageattachments">
<fieldset class="postcontent">
<legend><img src="{vb:stylevar imgdir_misc}/paperclip.png" class="inlineimg" alt="{vb:rawphrase attached_images}" /> {vb:rawphrase attached_images}</legend>
{vb:raw imageattachments}
</fieldset>
</vb:if>
<vb:if condition="$imageattachmentlinks">
<fieldset class="postcontent">
<legend><img src="{vb:stylevar imgdir_misc}/paperclip.png" class="inlineimg" alt="{vb:rawphrase attached_images}" /> {vb:rawphrase attached_images}</legend>
<ul>
{vb:raw imageattachmentlinks}
</ul>
</fieldset>
</vb:if>
<vb:if condition="$otherattachments">
<fieldset class="postcontent">
<legend><img src="{vb:stylevar imgdir_misc}/paperclip.png" class="inlineimg" alt="{vb:rawphrase attached_files}" /> {vb:rawphrase attached_files}</legend>
<ul>
{vb:raw otherattachments}
</ul>
</fieldset>
</vb:if>
</div>
</vb:if>
<vb:if condition="$show['lightbox']">
<script type="text/javascript" src="clientscript/vbulletin_lightbox.js?v={vb:raw vboptions.simpleversion}"></script>
<script type="text/javascript">
<!--
vBulletin.register_control("vB_Lightbox_Container", "article_content", {vb:raw vboptions.lightboxenabled});
//-->
</script>
</vb:if>
<vb:if condition="$promoted_threadid">
<br /><br />
<div class="fullsize article_promoted_text_container">
<sub class="article_promoted_text">
{vb:rawphrase promoted_post_intro}
<a href="{vb:link thread, {vb:raw threadinfo}}">{vb:raw postitle}</a>
{vb:rawphrase promoted_thread_startedby}
<a href="{vb:link member, {vb:raw poststarter}}">{vb:var postauthor}</a>
</sub>
<sub class="article_promoted_text">
<a href="{vb:raw post_url}"> Discuss this article here.</a>
</sub>
</div>
</vb:if>
<vb:if condition="$promoted_blogid">
<sub class="article_promoted_text">
{vb:rawphrase promoted_post_intro_blog}
<a href="{vb:raw blog_url}">{vb:raw postitle}</a>
{vb:rawphrase promoted_thread_startedby}
<a href="{vb:link member, {vb:raw poststarter}}">{vb:var postauthor}</a>
</sub>
</vb:if>
<div class="cmslinks">
<vb:if condition="!empty($categories)">
{vb:phrase in_category}
<ol class="commalist">
<vb:each from="categories" key="categoryid" value="category">
<li><a href="{vb:raw category.category_url}">{vb:raw category.category}</a></li>
</vb:each>
</ol>
</vb:if>
<vb:if condition="$showtags AND $tag_count">
<br />
<sub class="article_promoted_text">
<span id="articletagcontainer_{vb:raw contentid}">
{vb:rawphrase tags} :
<span id="articletaglist_{vb:raw contentid}">{vb:raw tags}</span>
</span>
</sub>
</vb:if>
</div>
<vb:if condition="$next_page_url OR $prev_page_url">
<div class="cms_toc_container fullwidth">
<div class="navpopupmenu popupmenu nohovermenu">
<span class="shade">{vb:rawphrase pages}:</span>
<vb:each from="pagelist" value="page">
<vb:if condition="$page['selected']"><a href="{vb:raw page.url}" class="popupctrl"><span class="ctrlcontainer">{vb:raw page.title}</span></a></vb:if>
</vb:each>
<vb:if condition="$prev_page_url">
<a href="{vb:raw prev_page_url}" class="textcontrol"><img src="{vb:stylevar imgdir_pagination}/previous-{vb:stylevar right}-black.png" alt="{vb:raw prev_page_phrase}" /></a>
</vb:if>
<vb:if condition="$next_page_url">
<a href="{vb:raw next_page_url}" class="textcontrol"><img src="{vb:stylevar imgdir_pagination}/next-{vb:stylevar right}-black.png" alt="{vb:raw next_page_phrase}" /></a>
</vb:if>
<ul class="navpopupbody popupbody popuphover">
<vb:each from="pagelist" value="page">
<!-- selected: {$page.selected} -->
<li><a href="{vb:raw page.url}">{vb:raw page.title}</a></li>
</vb:each>
</ul>
</div>
</div>
</vb:if>
</div>
</div>
</div>
<div class="bottomBar"><div class="bottomBarLeft"><div class="bottomBarRight"></div></div></div></div>
{vb:raw comment_block}
</div>
I just want to hide the widgets and have the article / comments show 100% width.
I have CMS widgets showing on my main page (article_preview), but I would like to remove them from the article_page and only have the article being displayed as 100% width.
Can anyone advice on how to do this, as I'm not sure what template I should edit.
Please see the link below for an example. I would like to remove the widgets on the bottom right and have the article displayed 100% width.
http://www.radioctrl.com/content/how_properly_break_tune_nitro_engine-4/
Any help with this is much appreciated.
If it helps, here is my vbcms_content_article_page template:
{vb:raw css}
<div class="tcatBar">
<div class="tcatLeft"><div class="tcatRight">
<h2>
<a href="{vb:raw page_url}"><span class="forumtitle">{vb:raw title}</span></a>
<vb:if condition="$can_edit">
<a class="edit" href="{vb:raw edit_url}">
<img class="editimage" src="{vb:stylevar imgdir_cms}/edit_small.png" alt="{vb:rawphrase edit}" />
</a>
</vb:if>
</h2>
</div></div>
</div>
<div class="forumbitBody">
<div class="thead_bar">
<div class="articlebackround">
<div class="cms_widget_content2 widget_content2">
<div class="article_author_date_comment_container">
<vb:comment>
<vb:if condition="$showuser">
<div>
<a href="{vb:link member, {vb:raw userid}}"><img src="{vb:raw vboptions.bburl}/image.php?{vb:raw session.sessionurl}u={vb:raw userid}&type=profile" alt="" class="post_avatar" /></a>
</div>
</vb:if>
</vb:comment>
<div class="fullwidth">
<vb:if condition="$show['fb_likebutton']">
<div>{vb:raw fblikebutton}</div>
</vb:if>
<div class="article_username_container<vb:if condition="!$showrating">_full</vb:if>">
<vb:if condition="$showuser">
{vb:rawphrase by_x_nolink, {vb:raw memberaction_dropdown}}
<vb:else />
</vb:if>
</div>
<vb:if condition="$showrating">
<div class="article_rating_container">
<div class="popupmenu cmsratingmenu" id="cmsrating">
<h6><a class="popupctrl" href="javascript://" id="cmsrating_current"><vb:if condition="$rating"><img class="inlineimg" src="{vb:stylevar imgdir_rating}/rating-15_{vb:raw rating}.png" alt="{vb:phrase rating_x_votes_y_average, {vb:raw ratingnum}, {vb:raw ratingavg}}" /><vb:else />{vb:rawphrase rate_this_article}</vb:if></a></h6>
<form action="content.php?{vb:raw node}/rate" method="post" id='cms_cmsrate_form'>
<ul class="popupbody popuphover">
<vb:if condition="$showratenode">
<li><label for="r5"><span class="rating5 cmsrating {vb:stylevar right}">
<input type="radio" name="vote" value="5" id="r5" {vb:raw votechecked.5} tabindex="1" /> {vb:rawphrase excellent}
</span></label></li>
<li><label for="r4"><span class="rating4 cmsrating {vb:stylevar right}">
<input type="radio" name="vote" value="4" id="r4" {vb:raw votechecked.4} tabindex="1" /> {vb:rawphrase good}
</span></label></li>
<li><label for="r3"><span class="rating3 cmsrating {vb:stylevar right}">
<input type="radio" name="vote" value="3" id="r3" {vb:raw votechecked.3} tabindex="1" /> {vb:rawphrase average}
</span></label></li>
<li><label for="r2"><span class="rating2 cmsrating {vb:stylevar right}">
<input type="radio" name="vote" value="2" id="r2" {vb:raw votechecked.2} tabindex="1" /> {vb:rawphrase bad}
</span></label></li>
<li><label for="r1"><span class="rating1 cmsrating {vb:stylevar right}">
<input type="radio" name="vote" value="1" id="r1" {vb:raw votechecked.1} tabindex="1" /> {vb:rawphrase terrible}
</span></label></li>
<li class="formsubmit"><input type="submit" class="button" value="{vb:rawphrase vote_now}" tabindex="1" /></li>
<vb:else />
<li><label>{vb:rawphrase already_rated_this_article}</label></li>
</vb:if>
</ul>
<input type="hidden" name="s" value="{vb:raw session.sessionhash}" />
<input type="hidden" name="securitytoken" value="{vb:raw bbuserinfo.securitytoken}" />
</form>
<script type="text/javascript" src="clientscript/cms_ajax_rate.js?v={vb:raw vboptions.simpleversion}"></script>
<script type="text/javascript">
<!--
var nodeid = {vb:raw node};
vB_AJAX_CMSRate_Init('cms_cmsrate_form');
//-->
</script>
</div>
</div>
</vb:if>
<div class="cms_clear"></div>
<vb:if condition="($showpublishdate OR ($showupdated AND $lastupdated) OR ($viewcount AND $showviewcount)) OR $comment_block">
<div class="article_username_container">
<vb:if condition="$showpublishdate">
<vb:if condition="!$published OR !$setpublish">
<span style="color:red">
<vb:if condition="$publishdate AND $setpublish">
{vb:rawphrase page_will_be_published_x {vb:raw publishdatelocal}} {vb:raw publishtimelocal}
<vb:else />
{vb:rawphrase page_not_published}
</vb:if>
</span>
<vb:elseif condition="$publishdate" />
{vb:rawphrase published_on_x {vb:raw publishdatelocal}} {vb:raw publishtimelocal}
</vb:if>
</vb:if>
<vb:if condition="$showupdated and $lastupdated">
{vb:rawphrase updated_on_x {vb:date {vb:raw lastupdated}, {vb:raw dateformat}}}
</vb:if>
<vb:if condition="$viewcount AND $showviewcount">
{vb:rawphrase number_of_views}: {vb:raw viewcount}
</vb:if>
</div>
</vb:if>
<vb:if condition="$comment_block">
<div class="article_rating_container">
<a href="{vb:raw page_url}#comments" rel="nofollow">{vb:raw comment_count} <vb:if condition="$comment_count == '1'">{vb:rawphrase comment}<vb:else />{vb:rawphrase comments}</vb:if></a>
<img src="{vb:stylevar imgdir_misc}/comment.png" alt="{vb:rawphrase comments}" border="0" />
</div>
</vb:if>
</div>
</div>
<vb:if condition="$next_page_url OR $prev_page_url">
<div class="cms_toc_container fullwidth">
<div class="navpopupmenu popupmenu nohovermenu">
<span class="shade">{vb:rawphrase pages}:</span>
<vb:each from="pagelist" value="page">
<vb:if condition="$page['selected']"><a href="{vb:raw page.url}" class="popupctrl"><span class="ctrlcontainer">{vb:raw page.title}</span></a></vb:if>
</vb:each>
<vb:if condition="$prev_page_url">
<a href="{vb:raw prev_page_url}" class="textcontrol"><img src="{vb:stylevar imgdir_pagination}/previous-{vb:stylevar right}-black.png" alt="{vb:raw prev_page_phrase}" /></a>
</vb:if>
<vb:if condition="$next_page_url">
<a href="{vb:raw next_page_url}" class="textcontrol"><img src="{vb:stylevar imgdir_pagination}/next-{vb:stylevar right}-black.png" alt="{vb:raw next_page_phrase}" /></a>
</vb:if>
<ul class="navpopupbody popupbody popuphover">
<vb:each from="pagelist" value="page">
<!-- selected: {$page.selected} -->
<li><a href="{vb:raw page.url}">{vb:raw page.title}</a></li>
</vb:each>
</ul>
</div>
</div>
</vb:if>
<div class="clear"></div>
<div class="article cms_clear restore postcontainer">{vb:raw pagetext}</div>
<vb:if condition="$showattachments">
<div class="attachments">
<vb:if condition="$thumbnailattachments">
<fieldset class="postcontent">
<legend><img src="{vb:stylevar imgdir_misc}/paperclip.png" class="inlineimg" alt="{vb:rawphrase attached_thumbnails}" /> {vb:rawphrase attached_thumbnails}</legend>
{vb:raw thumbnailattachments}
</fieldset>
</vb:if>
<vb:if condition="$imageattachments">
<fieldset class="postcontent">
<legend><img src="{vb:stylevar imgdir_misc}/paperclip.png" class="inlineimg" alt="{vb:rawphrase attached_images}" /> {vb:rawphrase attached_images}</legend>
{vb:raw imageattachments}
</fieldset>
</vb:if>
<vb:if condition="$imageattachmentlinks">
<fieldset class="postcontent">
<legend><img src="{vb:stylevar imgdir_misc}/paperclip.png" class="inlineimg" alt="{vb:rawphrase attached_images}" /> {vb:rawphrase attached_images}</legend>
<ul>
{vb:raw imageattachmentlinks}
</ul>
</fieldset>
</vb:if>
<vb:if condition="$otherattachments">
<fieldset class="postcontent">
<legend><img src="{vb:stylevar imgdir_misc}/paperclip.png" class="inlineimg" alt="{vb:rawphrase attached_files}" /> {vb:rawphrase attached_files}</legend>
<ul>
{vb:raw otherattachments}
</ul>
</fieldset>
</vb:if>
</div>
</vb:if>
<vb:if condition="$show['lightbox']">
<script type="text/javascript" src="clientscript/vbulletin_lightbox.js?v={vb:raw vboptions.simpleversion}"></script>
<script type="text/javascript">
<!--
vBulletin.register_control("vB_Lightbox_Container", "article_content", {vb:raw vboptions.lightboxenabled});
//-->
</script>
</vb:if>
<vb:if condition="$promoted_threadid">
<br /><br />
<div class="fullsize article_promoted_text_container">
<sub class="article_promoted_text">
{vb:rawphrase promoted_post_intro}
<a href="{vb:link thread, {vb:raw threadinfo}}">{vb:raw postitle}</a>
{vb:rawphrase promoted_thread_startedby}
<a href="{vb:link member, {vb:raw poststarter}}">{vb:var postauthor}</a>
</sub>
<sub class="article_promoted_text">
<a href="{vb:raw post_url}"> Discuss this article here.</a>
</sub>
</div>
</vb:if>
<vb:if condition="$promoted_blogid">
<sub class="article_promoted_text">
{vb:rawphrase promoted_post_intro_blog}
<a href="{vb:raw blog_url}">{vb:raw postitle}</a>
{vb:rawphrase promoted_thread_startedby}
<a href="{vb:link member, {vb:raw poststarter}}">{vb:var postauthor}</a>
</sub>
</vb:if>
<div class="cmslinks">
<vb:if condition="!empty($categories)">
{vb:phrase in_category}
<ol class="commalist">
<vb:each from="categories" key="categoryid" value="category">
<li><a href="{vb:raw category.category_url}">{vb:raw category.category}</a></li>
</vb:each>
</ol>
</vb:if>
<vb:if condition="$showtags AND $tag_count">
<br />
<sub class="article_promoted_text">
<span id="articletagcontainer_{vb:raw contentid}">
{vb:rawphrase tags} :
<span id="articletaglist_{vb:raw contentid}">{vb:raw tags}</span>
</span>
</sub>
</vb:if>
</div>
<vb:if condition="$next_page_url OR $prev_page_url">
<div class="cms_toc_container fullwidth">
<div class="navpopupmenu popupmenu nohovermenu">
<span class="shade">{vb:rawphrase pages}:</span>
<vb:each from="pagelist" value="page">
<vb:if condition="$page['selected']"><a href="{vb:raw page.url}" class="popupctrl"><span class="ctrlcontainer">{vb:raw page.title}</span></a></vb:if>
</vb:each>
<vb:if condition="$prev_page_url">
<a href="{vb:raw prev_page_url}" class="textcontrol"><img src="{vb:stylevar imgdir_pagination}/previous-{vb:stylevar right}-black.png" alt="{vb:raw prev_page_phrase}" /></a>
</vb:if>
<vb:if condition="$next_page_url">
<a href="{vb:raw next_page_url}" class="textcontrol"><img src="{vb:stylevar imgdir_pagination}/next-{vb:stylevar right}-black.png" alt="{vb:raw next_page_phrase}" /></a>
</vb:if>
<ul class="navpopupbody popupbody popuphover">
<vb:each from="pagelist" value="page">
<!-- selected: {$page.selected} -->
<li><a href="{vb:raw page.url}">{vb:raw page.title}</a></li>
</vb:each>
</ul>
</div>
</div>
</vb:if>
</div>
</div>
</div>
<div class="bottomBar"><div class="bottomBarLeft"><div class="bottomBarRight"></div></div></div></div>
{vb:raw comment_block}
</div>
I just want to hide the widgets and have the article / comments show 100% width.