XF 2.0 How to style a table

[AndreaMarucci]

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

<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

 

[AndreaMarucci]

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



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.

 

[Ehren]

Posting a URL to that table (so we can view the compiled HTML and css) would be helpful

 

[AndreaMarucci]

Thanks. Since the forum is private I can give you user and password to see the table. Sent to you via private conversation

 

[Ehren]

This should help

Add to extra.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;
}

 

[AndreaMarucci]

Thank you very much!!!!