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

Style issue need help

edited February 2012 in Vanilla 2.0 - 2.8

My forum is located at http://www.endofthreefitness.com/forum.

My question. I don't know exactly what to call them, but the "blocks" around ANNOUNCEMENT and other category blocks just look crappy compared to the nice rounded blocks here in this community forum. For instance where it says "answered" in this forum is nice and rounded with some spacing. Mine is lacking. Tried multiple themes and that is not the issue.

Does this make sense? Can anyone help?

Best Answer

  • Options
    422422 Developer MVP
    Answer ✓

    For rounded buttons on announcements etc

    ul.DataList div.Meta span.Announcement {
        background: none repeat scroll 0 0 #FF7700;
        border-radius: 3px;
        -moz-border-radius: 3px;
       -webkit-border-radius: 3px;
       -o-border-radius:3px;
        color: #FFFFFF;
        padding: 2px 8px;
    }
    

    There was an error rendering this rich post.

Answers

  • Options
    422422 Developer MVP

    be really specific. Like post a screenpic too. Of whats wrong and what needs fixing

    There was an error rendering this rich post.

  • Options

  • Options
    422422 Developer MVP

    You want me to ask the questions ?

    There was an error rendering this rich post.

  • Options
    422422 Developer MVP
    edited February 2012

    to move titles to right add below declaration to the rule below in custom.css

    ul.DataList a.Title {
    margin-left:10px;
    }
    

    There was an error rendering this rich post.

  • Options

    For the screenshot of this community forum, where it says "Announcement" "Answered" "Question" They have a different colored background with rounded edges.

    My forum where it says "announcement" or "revolutionary blog and logs" it is not rounded and just looks much worse.

    Thought it was a theme issue, but have tried multiple different themes.

  • Options

    @422 sorry posted in two different comments screen shots, then question.

  • Options
    422422 Developer MVP

    to do same for comments below :

    .DataList .Meta {
    margin-left:10px;
    }
    

    There was an error rendering this rich post.

  • Options
    422422 Developer MVP
    Answer ✓

    For rounded buttons on announcements etc

    ul.DataList div.Meta span.Announcement {
        background: none repeat scroll 0 0 #FF7700;
        border-radius: 3px;
        -moz-border-radius: 3px;
       -webkit-border-radius: 3px;
       -o-border-radius:3px;
        color: #FFFFFF;
        padding: 2px 8px;
    }
    

    There was an error rendering this rich post.

  • Options
    422422 Developer MVP

    the comment spacing can be done couple of ways.

    add this:

    .LastCommentBy {
    margin-left:10px;
    }
    .LastCommentDate {
    margin-right:10px;
    }
    

    There was an error rendering this rich post.

  • Options

    Thanks for the quick response. I am not the best with all of this stuff. I am going to give it a try and I will let you know if I got it to work.

  • Options
    422422 Developer MVP

    make all edits to custom.css

    There was an error rendering this rich post.

  • Options

    Thank you! I still have some work to do, but it looks like it works.

Sign In or Register to comment.