Ehh, scratch the above note about the left and right columns being 300px each.. for the reason of differences in screen resolutions, I'd rather just have the left and right columns 25% each and the middle column 50%. How would I do that? The more I mess with it the more everything just goes out of whack.
Announcement
Collapse
No announcement yet.
How to set gap width?
Collapse
X
-
I'm no CSS guy, so I don't know how to use the percentages. I'm just lucky what I did worked. The way I have it set the left and right columns are fixed width and the middle adjusts when you change the size of the browser. That's how I used to have it on vB3.8.4 (and previous) in conjunction with vBadvanced.
Comment
-
Originally posted by Conner View PostOk.. this is what I have.
I went to adminchp>>vbcms>>grid manager>>chose to flatten 3 Column (25%, 50%, 25%) grid>>Default Template HTML.
This is what I have in Layout Manager UI 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" id="widgetlist_column1">$column[1]</ul> </div> <div class="yui-tvb-l50 first yui-panel"> <ul class="list_no_decoration" id="widgetlist_column2">$column[2]</ul> </div> <div class="yui-tvb-l25 first yui-panel"> <ul class="list_no_decoration" id="widgetlist_column3">$column[3]</ul> </div> </div> </div> </div>
.......
Comment
-
I have a bug reported already. It seems some of us are never getting the option to install the CMS sample data and that is causing the issue. Works fine on my .net server and won't work on my .com server. Nearly identical systems...
Comment
-
Originally posted by pank View PostI have a bug reported already. It seems some of us are never getting the option to install the CMS sample data and that is causing the issue. Works fine on my .net server and won't work on my .com server. Nearly identical systems..........
Comment
-
Originally posted by Ramsesx View PostOk, thanks Bob, hope they get it fixed in 4.01.Can't remember but in one of the late alpha's or early beta's it "did" install fine for me by default. Something changed with the Gold release and hopefully they will find the fix.
Comment
-
Originally posted by EricPSF View PostI have found the solution, just to share:
Go to Grid Manager> edit "3 Column Fixed-Liquid-Fixed" > edit "Default Template HTML"
Play around with the width pixel (in red) this:
#gridl3_leftcol {
float: left;
width: 160px;
position: relative;
margin-left: -50%;
left: 170px;
overflow: hidden;
Cheers!
It looks fine but the right column a bit narrow.
Please help how to increase it without disturbing the setup, I tried but without success.
Kindly also put the default values, as I forget them.
Comment
-
I suggest anybody having the same issue reply to my bug report as I've gotten no replies in almost a week
http://www.vbulletin.com/forum/proje...?issueid=34720
Maybe if other people reply that they can duplicate the issue it will help...
Comment
-
Originally posted by SuperGLS View PostHmm. You are using Gold right? In my Default HTML template I had:
Code:<style type="text/css"> #gridl3_container { position: relative; clear: both; float: left; width: 100%; overflow: hidden; } #gridl3_midshift { float: left; width: 200%; position: relative; left: 170px; } #gridl3_rightshift { float: left; width: 100%; position: relative; left: 50%; margin-left: -340px; } #gridl3_midmask { float: right; width: 50%; position: relative; right: 100%; } #gridl3_midcol { margin-left: 340px; width: 100%; overflow: hidden; } #gridl3_leftcol { float: left; width: 150px; position: relative; margin-left: -50%; left: 170px; overflow: hidden; } #gridl3_rightcol { float: left; width: 150px; position: relative; left: 20px; overflow: hidden; } #gridl3_content { margin-right: 340px; } </style> <div id="gridl3_container"> <div id="gridl3_midshift"> <div id="gridl3_rightshift"> <div id="gridl3_midmask"> <div id="gridl3_midcol"> <div id="gridl3_content"> <ul class="list_no_decoration" id="widgetlist_column2">$column[2]</ul> </div> </div> </div> <div id="gridl3_leftcol"> <ul class="list_no_decoration" id="widgetlist_column1">$column[1]</ul> </div> <div id="gridl3_rightcol"> <ul class="list_no_decoration" id="widgetlist_column3">$column[3]</ul> </div> </div> </div> </div>
I love you. Thanks
Comment
Related Topics
Collapse
-
by HectorskyI was looking to increase the width of modules on desktop.
And I would like to ask which stylevar I have to modify to get a bit width of modules?
Thanks-
Channel: Support Issues & Questions
Tue 23 Oct '18, 7:39am -
-
hi guys how do i edit my sidebar width? its set at 70/30 but would like it 80/20
-
Channel: Support Issues & Questions
Thu 25 Oct '12, 9:45am -
-
Hi,
I am using an aftermarket template, just in case that makes a difference. I am including a screen shot of an ad space. The problem is that the ad is 300px wide and is larger than the...-
Channel: Support Issues & Questions
Sat 1 Aug '15, 2:34am -
-
by axefxwww.axefx.de: Upgrade forum from 5.2.5 to 5.2.6. This breaks the sidebar width, also the search box with view "topic" (see picture). Stylev ariables -> Sidebar -> sidebar_forum_width don`t...
-
Channel: Support Issues & Questions
Fri 17 Feb '17, 7:18am -
Comment