Announcement

Collapse
No announcement yet.

CMS Grid flatten size help

Collapse
X
 
  • Filter
  • Time
  • Show
Clear All
new posts

  • [CMS] CMS Grid flatten size help

    Am trying to make a grid
    150px - 100% -150px

    HTML Code:
    <div id="doc3">
    	<div id="bd">
    		<div class="yui-g">
    			<div class="yui-tvb-l25 first yui-panel">
    				<ul class="list_no_decoration widget_list" id="widgetlist_column1">$column[1]</ul>
    			</div>
    			<div class="yui-tvb-l50 first yui-panel">
    				<ul class="list_no_decoration widget_list" id="widgetlist_column2">$column[2]</ul>
    			</div>
    			<div class="yui-tvb-l25 first yui-panel">
    				<ul class="list_no_decoration widget_list" id="widgetlist_column3">$column[3]</ul>
    			</div>
    		</div>
    	</div>
    </div>
    This is what i see on the 25 - 50 -25
    Could some one give me a pointer in what i would need to do / change

    Thanks

  • #2
    What is the CSS you wrote for it?

    Please don't PM or VM me for support - I only help out in the threads.
    vBulletin Manual & vBulletin 4.0 Code Documentation (API)
    Want help modifying your vbulletin forum? Head on over to vbulletin.org
    If I post CSS and you don't know where it goes, throw it into the additional.css template.

    W3Schools &lt;- awesome site for html/css help

    Comment


    • #3
      Originally posted by Lynne View Post
      What is the CSS you wrote for it?
      I havnt done anything i just clicked flattened in the grid options and it came up with this code

      Comment


      • #4
        Well, now that you have flattened it, you need to modify it. Right now, if you look at the CSS for yui-tvb-l25 and yui-tvb-l50, you can see it is defined to be 25% width and 46% width (with 2% margin each side). So, you either need to change the properties for those classes (from 25% to 125 px) or make your own classes that have their own width.

        Please don't PM or VM me for support - I only help out in the threads.
        vBulletin Manual & vBulletin 4.0 Code Documentation (API)
        Want help modifying your vbulletin forum? Head on over to vbulletin.org
        If I post CSS and you don't know where it goes, throw it into the additional.css template.

        W3Schools &lt;- awesome site for html/css help

        Comment


        • #5
          Originally posted by Lynne View Post
          Well, now that you have flattened it, you need to modify it. Right now, if you look at the CSS for yui-tvb-l25 and yui-tvb-l50, you can see it is defined to be 25% width and 46% width (with 2% margin each side). So, you either need to change the properties for those classes (from 25% to 125 px) or make your own classes that have their own width.
          Awesome not sure why i didnt think of that hehe
          Thanks all fixed now

          Comment

          widgetinstance 262 (Related Topics) skipped due to lack of content & hide_module_if_empty option.
          Working...
          X