Please upgrade here. These earlier versions are no longer being updated and have security issues.
HackerOne users: Testing against this community violates our program's Terms of Service and will result in your bounty being denied.

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

edited February 2012 in Vanilla 2.0 - 2.8

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!

Best Answers

  • whu606whu606 I'm not a SuperHero; I just like wearing tights... MVP
    Answer ✓

    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.

  • whu606whu606 I'm not a SuperHero; I just like wearing tights... MVP
    Answer ✓

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

Answers

  • whu606whu606 I'm not a SuperHero; I just like wearing tights... MVP
    Answer ✓

    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.

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

  • whu606whu606 I'm not a SuperHero; I just like wearing tights... MVP
    Answer ✓

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

Sign In or Register to comment.