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.

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

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

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

    There was an error rendering this rich post.

  • You want me to ask the questions ?

    There was an error rendering this rich post.

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

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

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

  • to do same for comments below :

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

    There was an error rendering this rich post.

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

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

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

  • make all edits to custom.css

    There was an error rendering this rich post.

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

Sign In or Register to comment.