XF 2.0 How to style a table

AndreaMarucci

Well-known member
Hello, in an addon I've installed there's a table built with like this


Code:
<xf:datarow rowtype="header">
                            <xf:cell>{{ phrase('xxxxxx') }}</xf:cell>
                            <xf:cell>{{ phrase('xxxxxx') }}</xf:cell>
                            <xf:cell>{{ phrase('xxxxxx') }}</xf:cell>
                        </xf:datarow>

and I'd like to change little things like padding, font, margin and so on but since I'm not a coder I'm not able to find a proper way to style it using CSS.

Can someone be so kind to pointing me in the right direction?

Thanks a lot
 
I've asked to themhouse since I'm using UI.X but they tell me that is something related to Xenforo so if someone can help me I can tweak the table.

I'm using RSVP from AndyB that let my users RSVP to an event and this is the list of subscribed people

189159

What I want to do is tu make the table header bigger and to reduce the padding between row but I really don't know how to do that.
 
This should help :)

Add to extra.less

Less:
.dataList-row.dataList-row--header .dataList-cell{
    font-size: 15px;
}

.dataList-cell,
.dataList-cell.dataList-cell--link a{
    padding-top: 6px;
    padding-bottom: 6px;
}
 
Top Bottom