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

How to separate every post in thread view?

Discussion in 'Styling and Customization Questions' started by RoldanLT, Jan 17, 2013.

  1. RoldanLT

    RoldanLT Well-Known Member

    I just want to separate every post in a thread just like vbulletin.
     
  2. RoldanLT

    RoldanLT Well-Known Member

    Attached Files:

  3. RoldanLT

    RoldanLT Well-Known Member

    No one answer :(
     
  4. Shelley

    Shelley Well-Known Member

    This is what i have in extra.css template though you can probably do this via style properties. You probably won't need to set the padding as i have done though i am sure they are set that way because of a few add-ons i have installed.

    Code:
    .messageList .message {
        background: url("@imagePath/xenforo/gradients/your-gradient-image.png") repeat-x scroll center bottom #F7F7F7 !important;
        border: 1px solid #D5D4D4 !important;
        border-radius: 4px 4px 4px 4px;
        margin-bottom: 20px;
        padding-bottom: 15px !important;
        padding-left: 10px;
        padding-right: 10px;
        padding-top: 10px;
    }
    
     
    Evina and p4guru like this.
  5. RoldanLT

    RoldanLT Well-Known Member

    Using Flexile Dark.
    Background doesn't fit.
    An tips?
     

    Attached Files:

  6. Shelley

    Shelley Well-Known Member

    You'll have to change the background: hex value #F7F7F7 to another value probably try this #2a2a2a

    But you will probably be best removing the code following code i provided and let the background inherit from the flexille styling

    Code:
        background: url("@imagePath/xenforo/gradients/your-gradient-image.png") repeat-x scroll center bottom #F7F7F7 !important;
    
     
    Evina likes this.
  7. Shelley

    Shelley Well-Known Member

    just in case you missed it try the value highlighted in red before removing as i just edited it in.
     
    Evina likes this.
  8. RoldanLT

    RoldanLT Well-Known Member

    Can you make a gradient for me?
    That suit on flexile dark theme?

    Thanks !
     
  9. RoldanLT

    RoldanLT Well-Known Member

    Kindly look at here: http://www.phcorner.net/threads/uat-pang-butas-still-working.44330/
    My css:
    .messageList .message {
    background: url("styles/flexiledark/xenforo/gradients/category-23px-light.png") repeat-x scroll center bottom #2a2a2a !important;
    border: 1px solid #2a2a2a !important;
    border-radius: 4px 4px 4px 4px;
    margin-bottom: 20px;
    }
     
  10. Shelley

    Shelley Well-Known Member

    Not sure whether this will do but it was a quick 2 sec task.
     

    Attached Files:

    Evina likes this.
  11. Shelley

    Shelley Well-Known Member

    Adjust your border colour if your wanting to promentely visually show separate postings to a dark value.
     
    Evina likes this.
  12. RoldanLT

    RoldanLT Well-Known Member

  13. Shelley

    Shelley Well-Known Member

    Evina likes this.
  14. RoldanLT

    RoldanLT Well-Known Member

    How about adding gradient on top also?
     
  15. Shelley

    Shelley Well-Known Member

    That is possible but would require additional time which I unfortunately haven't got to go and test since i'm currently working on a style. I'll let someone else takeover from this and they'll be able to guide you into accomplishing this. :)
     
    Evina likes this.

Share This Page