PDA

View Full Version : Move vbcms section widget down?


ar15dcm
10-13-2012, 01:23 AM
How can I move the VBCMS setion widget down? Its crammed up against the secondary header.

Lynne
10-13-2012, 04:34 PM
This is a CSS issue so you would need to provide a link to the exact page having the issue.

ar15dcm
10-13-2012, 09:30 PM
<a href="http://www.riflecompetition.com" target="_blank">www.riflecompetition.com</a>

I have since removed the secondary header, but you can still see that the section widget is high.

Lynne
10-14-2012, 12:50 AM
For some reason there is a <br /> at the beginning of that code. You should find the template and try removing it.

<ul class="list_no_decoration widget_list" id="widgetlist_column1"> <li><br /> <div class="cms_widget"> <div class="block"> <div class="cms_widget_content widget_content"> <style type="text/css">

ar15dcm
10-14-2012, 01:03 AM
so you mean the widget template? I'll go look now.

--------------- Added 1350180440 at 1350180440 ---------------

I didn't see a <br /> in there

<script type="text/javascript">
<!--
var IMGDIR_MISC = "{vb:stylevar imgdir_misc}";
var vb_disable_ajax = parseInt("0", 10);

/* Start Sections Widget Configuration */
vbGlobal_SHOW_ALL_TREE_ELEMENTS_THRESHOLD = parseInt("{vb:raw show_all_tree_elements_threshold}");
/* End Seections Widget Configuration */
// -->
</script>
<script type="text/javascript">
<!--
document.write('<script type="text/javascript" src="' + yuipath + '/treeview/treeview-min.js"></script>');
loadVbCss(yuipath + '/treeview/assets/skins/sam/treeview.css');
//-->
</script>
<!-- end treeview css -->

<!-- custom treeview styles defined at template: headinclude -->

<!-- END VB Tree-Menu Implementation of YUI TreeView -->
<div class="cms_widget">
<div class="block">
<div class="cms_widget_header">
<h3><img src="{vb:stylevar imgdir_cms}/sections.png" alt="" /> {vb:raw widget_title}</h3>
</div>
<div class="cms_widget_content widget_content">
<div class="vb-tree-menu">
{vb:raw nodelist}
</div>
<noscript>
<div class="cms_widget_sectionnav">
<div class="cms_widget_sectionnav_page">
<vb:each from="nodes" key="seq" value="node">
<vb:if condition="$node['current_page']" >
<div class="active_menuitem" style="text-indent:{vb:math {vb:raw node.indent} * 20px}">
<vb:else />
<div class="main_menuitem" style="text-indent:{vb:math {vb:raw node.indent} * 20px}">
</vb:if>
<a href="{vb:raw node.url}">{vb:raw node.title}</a></div>
</vb:each>
</div>
</div>
</noscript>
</div>
</div>
</div>

<script type="text/javascript">
initVbTreeMenus({vb:raw menu_static});
</script>

Lynne
10-14-2012, 03:48 PM
Look at the template that encloses that one. The <br /> seems to appear just before the <div class="cms_widget"> You've got some sort of code compressor on your site. Try disabling it and see if you still have the same problem.

ar15dcm
10-14-2012, 05:40 PM
Okay I sort of understand what you mean. This is the section nav widget. Which template template should I look at?

Lynne
10-15-2012, 02:59 PM
Look at the one that encloses it.

To find the template to modify, do this - vboptions > General Settings > Add Template Name in HTML Comments > set to Yes . Then go back to your page and view the source code and you will see the name of the template called around your part of the code. (Sometimes the template is the one mentioned at the very top of the page source.)

(Note, you will need to disable that code compressor mod in order for the above to work.)