XF 2.3 Can't CSS some elements in a widget

Old Nick

Well-known member
I'm trying to personalize elements of a trending widget in extra.less but some elements refuses to be edited within data-widget-key
Less:
[data-widget-key="trendingHomeWidget"] {
    .block--messages .message, .block--messages .block-row {
        border-color: #303030;
    }
    .block--previews .block-body {
            gap: 0;
    }
}

But it works like this:
Less:
[data-template="forum_list"] {
    .block--messages .message, .block--messages .block-row {
        border-color: #303030;
    }
    .block--previews .block-body {
            gap: 0;
    }
}

Why does this work targeting the template but not the widget??
(the widget is displayed on Forums list of course)
 
Last edited:
Back
Top Bottom