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

XF 1.2 Edit History Styling

Discussion in 'Styling and Customization Questions' started by Amaury, Feb 1, 2014.

  1. Amaury

    Amaury Well-Known Member

    I've tried inspecting the elements, but it's not proving useful because it won't let me select what I want to get.

    I want to add borders around the header and the body, which I've highlighted in red:
    History.png
     
  2. Jake Bunce

    Jake Bunce XenForo Moderator Staff Member

    I don't see a good selector for this unfortunately.
     
  3. mistypants

    mistypants Well-Known Member

    Header:
    Code:
    .messageInfo .dataTable tr.dataRow th
    Individual rows:
    Code:
    .messageInfo .dataTable tr.dataRow
    Give those a try, pretty sure it's what I've used.
     
    Amaury likes this.
  4. Amaury

    Amaury Well-Known Member

    Thank you, Misty.

    That worked, but the header one added borders between each column (Old, New, etc.). How can I remove those? The specific code is:

    Code:
    .messageInfo .dataTable tr.dataRow th {
        border: 1px solid @secondaryLight !important;
    }
    Data Table.png
     
  5. katsulynx

    katsulynx Well-Known Member

    Code:
    .messageInfo .dataTable tr.dataRow th {
        border-bottom: 1px solid @secondaryLight !important;
        border-top: 1px solid @secondaryLight !important;
    }
    .messageInfo .dataTable tr.dataRow th:first-child {
        border-left: 1px solid @secondaryLight !important;
    }
    .messageInfo .dataTable tr.dataRow th:last-child {
        border-right: 1px solid @secondaryLight !important;
    }
     
    Amaury likes this.

Share This Page