OOT: Discussion Page Styling Problem and Fix
  • Hello,
    There are two styling problems with the vanilla forum theme we are using for the discussion boards. I have supplied the fixes below, you could always use another theme as well.

    1)The voting boxes on the vanilla site float over the text, and out of the window when the page is narrower than 650px or so due to a styling error.

    ul.MessageList div.Meta span.Votes {
     text-align: center;
     display: block;
     position: absolute;
     right: 684px;
     line-height: normal;
     padding: 0;
    }

    should simply be 

    ul.MessageList div.Meta span.Votes {
     text-align: center;
     float:right;
    }

    that should move the boxes to the right of the browser despite size and device and make sure to space text apart.

    2) The new comment notification box floats over whatever is on the right, depending on browser size. The following moves it next to the most recent commenter where it belongs


    ul.DataList div.Meta strong {
    box-shadow: 0px 0px 2px #777;
    -moz-box-shadow: 0px 0px 2px #777;
    -webkit-box-shadow: 0px 0px 2px #777;
    position: absolute;
    top: 24px;
    left: 668px;
    white-space: nowrap;
    }

    should simply be 

    ul.DataList div.Meta strong {
    box-shadow: 0px 0px 2px #777;
    -moz-box-shadow: 0px 0px 2px #777;
    -webkit-box-shadow: 0px 0px 2px #777;
    }
  • 1 Comment sorted by
  • Thanks! I just changed the theme so hopefully the kinks are now worked out. 

Howdy, Stranger!

It looks like you're new here. If you want to get involved, click one of these buttons!

Login with Facebook Sign In with Google Sign In with OpenID

Categories

In this Discussion

Tagged