Thread titles (in thread view) don't extend the whole width of the (single-column) forum?

BobDobbs

Hi there, and thanks in advance for any assistance.

I have an EmbedFriendly forum imbedded with 700px width - that's the width of the containing div on my own personal website - which you can see here:

www.themetaldiscourser.com/forum.php

I'm trying to get the titles of my threads (in thread view) to extend the whole 700px width, but as you can see on the test threads I made, it doesn't extend all the way to the right, instead it goes onto a second line below. I wonder what could be causing this?

There's no padding-right or margin-right on .ItemContent.Discussion

Neither the 'pop-out options' thingy nor the bookmark are responsible, either

I don't see how to fix it on ul.DataList a.Title

Any suggestions? Thanks!

whu606

If you use Firebug to look at the element, it shows that you need to change the following rule:

.Discussions .ItemContent a.Title { max-width: 580px; }

Set it to 700px and you're done.

whu606

@BobDobbs

I'm still getting to grips with it myself!

Normally, once you right-click on the element you want to change, you can see what class it is in the left hand side of the firebug pane, and experiment by making changes in the rules of that class in the right-hand pane - this automatically updates the page to show how the change will impact. Changes are only for that session, so the real change then has to be made in your custom.css file.

whu606

If you use Firebug to look at the element, it shows that you need to change the following rule:

.Discussions .ItemContent a.Title { max-width: 580px; }

Set it to 700px and you're done.

BobDobbs

I guess I'll have to learn how to use more of Firebug's features because I wasn't able to find that. Thanks for the help and for letting me know there's more to Firebug that I could take advantage of.

whu606

@BobDobbs

I'm still getting to grips with it myself!

Normally, once you right-click on the element you want to change, you can see what class it is in the left hand side of the firebug pane, and experiment by making changes in the rules of that class in the right-hand pane - this automatically updates the page to show how the change will impact. Changes are only for that session, so the real change then has to be made in your custom.css file.

BobDobbs

Thanks!