Move vbcms section widget down?

[ar15dcm]

How can I move the VBCMS setion widget down? Its crammed up against the secondary header.

[Lynne]

This is a CSS issue so you would need to provide a link to the exact page having the issue.

[ar15dcm]

<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]

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]

so you mean the widget template? I'll go look now.

--------------- Added [DATE]1350180440[/DATE] at [TIME]1350180440[/TIME] ---------------

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

PHP Code:

<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]

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]

Okay I sort of understand what you mean. This is the section nav widget. Which template template should I look at?

[Lynne]

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.)