• 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

Amaury

Well-known member
#1
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
 

mistypants

Well-known member
#3
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

Well-known member
#4
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.
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
 

katsulynx

Well-known member
#5
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;
}