1. This site uses cookies. By continuing to use this site, you are agreeing to our use of cookies. Learn More.

Where do you edit the post bit?

Discussion in 'XenForo Questions and Support' started by Rukiri, Apr 16, 2011.

  1. Rukiri

    Rukiri Member

    I'm currently looking for the CSS file or templates to change the appearance of how my posts look, I like xf but pute white kinda hurts my eyes.. Of course this can be modified which is what I'm trying to do.

    A Picture says a thousand words so I hope this will help, I'd obviously wouldn't have the edges round but more boxed shaped.

    I'm also looking to change every other posts bg color as well, so for example.
    The first post would be the normal color, the second would be a darker color, and it continues in that pattern.

    Attached Files:

  2. Forsaken

    Forsaken Well-Known Member

    Postbit is message_user_info (I think).

    As for alternating colors you can use :nth-child(even) to change colors on evenly numbered children.
    Azofan likes this.
  3. Rukiri

    Rukiri Member

    I was able to find where the user postbit is, but was not able to find where to edit to make the posts look like the image.
  4. Forsaken

    Forsaken Well-Known Member

    .messageList .message
  5. Brogan

    Brogan XenForo Moderator Staff Member

    If you use Friefox and Firebug, you can determine the main template being used for each page.
    This is from the FAQ:

    How can I find out which template to edit?
    Using your browser, view the page source and look for a line of code near the top of the page which begins
    <div id="content" class="; the class is the name of the template. So for the main forum page, the line of code is:
    <div id="content" class="forum_list">, which makes the template forum_list.

    You can also identify the CSS classes being used and you can either edit the classes directly in the templates, or look for the @property tags which will more or less identify which part of the Style Properties system relates.

    For example, something like this can be done in a few seconds:
    turbos likes this.
  6. Forsaken

    Forsaken Well-Known Member

    Opera also has an included developer tool (Dragonfly) which can be accessed by right clicking an element and selecting 'Inspect Element'.

Share This Page