One collum layout, but have white space

[davio33]

I think it is called forumdisplay, ( been ahwile since i did this ) but it is when you click on a forum catagory, and it shows you a list of threads, thats where i made this modification. I made it just show one collumn, the thread titles, removing last post, replies, views. I think it has a cleaner look.

The problem i have is those etra collumns where i just have white space, is there a way to bring the thread titles over and remove the white space?

[Lynne]

You will have to modify the CSS to make the existing columns wider.

[davio33]

Originally Posted by Lynne

You will have to modify the CSS to make the existing columns wider.

Thaanks for your reply. I hate to ask, but is it forumdisplay.css?

Below is my forumdisplaycss. Can you advise me on what part to modify?

Thank you so much

@charset "UTF-8";
/* CSS Document */

.pagetitle {
width:100%;
}

.threadlist {
display:block;
clear:both;
width: 100%;
margin-top: {vb:math {vb:stylevar padding}/2};
float: {vb:stylevar left};
}

.threadlist hr {
display: none;
}

.threadlist .threads, .threadlist .stickies {
display:block;
clear:both;
}


.above_threadlist {
display:block;
clear:both;
width: 100%;
position: relative;
float: {vb:stylevar left};
margin-top: {vb:stylevar padding};
height: {vb:math {vb:stylevar control_content_font.fontSize}{vb:stylevar control_content_font.units} + {vb:stylevar control_content_padding.paddingTop}{vb:stylevar control_content_padding.units} + {vb:stylevar control_content_padding.paddingBottom}{vb:stylevar control_content_padding.units} + {vb:stylevar padding}};
}

.above_threadlist .newcontent_textcontrol {
position: absolute;
margin-bottom: {vb:math {vb:stylevar padding}/2};
{vb:stylevar left}: 0;
}

.above_threadlist .threadpagenav {
float: {vb:stylevar right};
clear: {vb:stylevar left};
position: absolute;
{vb:stylevar right}: 0;
width: 50%;
bottom: -10px;
}

.above_threadlist .threadpagenav .threadpagestats, .above_threadlist .threadpagenav .pagination {
float: {vb:stylevar right};
clear:{vb:stylevar left};
vertical-align:middle;
position: relative;
}

.above_threadlist .threadpagenav .threadpagestats {
position: relative;
font-size: {vb:stylevar mid_fontSize};
color: {vb:stylevar body_color};
top: 2px;
margin-{vb:stylevar right}: {vb:stylevar padding};
border:0;
}

.toolsmenu {
margin-bottom: 0;
}

<vb:if condition="$stylevar['textdirection'] == 'rtl'">
.forum_inlinemod.popupmenu .popupbody {
min-width:180px;
max-width:180px;
right: -80px; }
</vb:if>

.forumfoot {
display:block;
width: 100%;
clear:both;
height: 2em;
padding-top: 1em;
position: relative;
}

.below_threadlist {
display:block;
position: relative;
float: {vb:stylevar left};
{vb:stylevar left}: 0;
margin-bottom: 5px;
width: 100%;
clear:both;
}

.noinlinemod.forumfoot {
height: 0;
}

.below_threadlist .threadpagenav {
float: {vb:stylevar right};
margin-top: -{vb:stylevar padding};
width: 100%;
}

.below_threadlist .threadpagenav .pagination {
float: {vb:stylevar right};
clear: {vb:stylevar left};
position: relative;
margin-top: {vb:math {vb:math {vb:stylevar padding}*1.5}-1};
margin-{vb:stylevar left}: {vb:stylevar padding};
}

.below_threadlist .newcontent_textcontrol {
position: absolute;
top: 0;
}

.navpopupmenu.popupmenu.nohovermenu {
float: {vb:stylevar right};
padding: 0;
clear: {vb:stylevar left};
margin-{vb:stylevar left}: {vb:stylevar padding};
font-size: {vb:stylevar mid_fontSize};
margin-top: {vb:math {vb:stylevar padding} + {vb:math {vb:stylevar pagination_font.fontSize}{vb:stylevar pagination_font.units}*{vb:stylevar line_height}/2}};
margin-bottom: {vb:stylevar padding};
}

* html .navpopupmenu.popupmenu.nohovermenu a.textcontrol, .navpopupmenu.popupmenu.nohovermenu a.popupctrl {
color: {vb:stylevar control_color};
background: {vb:stylevar control_background.backgroundColor};
_background-image: none;
border: {vb:stylevar control_border};
font: {vb:stylevar control_font};
padding: {vb:math {vb:stylevar padding}/3} {vb:math {vb:stylevar padding}/1.5};
}

.navpopupmenu.popupmenu.nohovermenu a.textcontrol, .navpopupmenu.popupmenu.nohovermenu a.popupctrl {
color: {vb:stylevar control_color};
background: {vb:stylevar control_background};
_background-image: none;
border: {vb:stylevar control_border};
font: {vb:stylevar control_font};
padding: {vb:math {vb:stylevar padding}/3} {vb:math {vb:stylevar padding}/1.5};
}

.navpopupmenu.popupmenu.nohovermenu a.popupctrl {
position: relative;
top: 0;
}

.navpopupmenu.popupmenu.nohovermenu a.popupctrl span.ctrlcontainer {
background: transparent url({vb:stylevar imgdir_misc}/black_downward_arrow.png) no-repeat center {vb:stylevar left};
padding-{vb:stylevar left}: 15px;
}

* html .navpopupmenu.popupmenu.nohovermenu a.textcontrol:hover, .navpopupmenu.popupmenu.nohovermenu a.popupctrl:hover {
color: {vb:stylevar control_hover_color};
background: {vb:stylevar control_hover_background.backgroundColor};
_background-image: none;
}

.navpopupmenu.popupmenu.nohovermenu a.textcontrol:hover, .navpopupmenu.popupmenu.nohovermenu a.popupctrl:hover {
color: {vb:stylevar control_hover_color};
background: {vb:stylevar control_hover_background};
_background-image: none;
}

.announcements {
display:block;
margin: {vb:math {vb:stylevar padding}/2} 0;
}

.announcements .announcerow {
background: {vb:stylevar announcement_background};
_background-image: none;
margin-top: {vb:math {vb:stylevar padding}/2};
display:block;
float: {vb:stylevar left};
clear:both;
width: 100%;
-moz-box-shadow: -2px 2px 2px {vb:stylevar shadow_color};
-webkit-box-shadow: -2px 2px 2px {vb:stylevar shadow_color};
box-shadow: -2px 2px 2px {vb:stylevar shadow_color};
padding: 5px 0;
}

.announcements .announcerow:first-child {
margin-top: 0;
}

.announcerow .announceinfo, .announcerow .announcement {
float:{vb:stylevar left};
clear:{vb:stylevar right};
display:block;
background: {vb:stylevar announcement_background};
_background-image: none;
}

.announcerow .announcement {
width: 80%;
text-align:{vb:stylevar left};
}

.announcerow .announceinfo {
width: 20%;
text-align:{vb:stylevar right};
}

.announcement dl {
font-weight: bold;
font-size: {vb:math {vb:stylevar mid_fontSize}+1}px;
display:block;
}

.announcement dl dt, .announcement dl dd, .announceinfo dl dt, .announceinfo dl dd {
display:inline;
}

.announcement .username, .announcement .usertitle, .announceinfo dl{
font-size: {vb:stylevar font.mid_fontSize};
}

.announcement .username, .announcement dl {
margin-{vb:stylevar left}: {vb:stylevar padding};
}

.announceinfo .date, .announceinfo dl {
margin-{vb:stylevar right}: {vb:stylevar padding};
}

/* forumbits */

.forumbits {
float: {vb:stylevar left};
margin-bottom: {vb:stylevar padding};
width: 100%;
clear:both;
}

.forumbits .forumhead h2 {
padding: {vb:math {vb:stylevar padding}/2} 0;
-moz-border-radius-top{vb:stylevar right}: {vb:stylevar forumhead_top_corner_radius};
-moz-border-radius-top{vb:stylevar left}: {vb:stylevar forumhead_top_corner_radius};
-webkit-border-top-{vb:stylevar right}-radius: {vb:stylevar forumhead_top_corner_radius};
-webkit-border-top-{vb:stylevar left}-radius: {vb:stylevar forumhead_top_corner_radius};
border-top-{vb:stylevar right}-radius: {vb:stylevar forumhead_top_corner_radius};
border-top-{vb:stylevar left}-radius: {vb:stylevar forumhead_top_corner_radius};
display:block;
float: {vb:stylevar left};
width: 100%;
font-weight:bold;
clear: both;
}

.forumbits .forumhead h2 span {
display: block;
float: {vb:stylevar left};
clear: {vb:stylevar right};
}

.forumbits .forumhead h2 span.forumtitle {
width: 76%;
text-indent: {vb:stylevar padding};
}

.forumbits .forumhead h2 span.forumlastpost {
width: 20%;
}

.forumbits ol {
float: {vb:stylevar left};
width: 100%;
clear:both;
}

.forumbits ol.commalist {
width: auto;
clear: none;
}

.forumbits .forumbit_nopost .forumhead {
margin-top: 0;
background: {vb:stylevar forumhead_background};
_background-image: none;
-moz-border-radius: 0;
-webkit-border-radius: 0;
border-radius: 0;
border: {vb:stylevar forumbits_border};
border-top: 0;
}

.forumbits .forumbit_nopost .forumhead h2 {
padding: 0;
}

.forumbits .forumbit_nopost .forumhead span.forumtitle {
text-indent: 0;
}

.forumbits .forumbit_nopost .forumhead span.forumlastpost {
display: none;
}

.forumbits .forumbit_nopost .forumhead .forumrowdata .subforumdescription {
background: transparent;
border-top: 0;
}

.forumrow + .childsubforum .forumrow, .forumhead + .childforum .L2:first-child .L2 .forumrow, .forumhead + .childforum .L2 .L2:first-child .forumrow {
background: {vb:stylevar forumrow_background};
_background-image: none;
}

[Lynne]

Use firebug to find the css and then add the changes needed to the additional.css template.