CODEWITHSUNDEEP
csskendo-grid
DoomerDGR8
DoomerDGR8

Reputation: 5042

Custom CSS is messing with Kendo UI Grid

I have a Kendo UI (jQuery) Grid with pager. The designer has added a very heavy common.css to the project and it has affected the pager portion of the grid (and nothing else):

Custom CSS file messes with Kendo Grid

As you can see the highlighted ul is getting some style from common.css (margin-bottom: 15px;). Here is the CSS element:

#mainContent > .container .sfContentBlock ul {
    padding-left: 0 !important;
    margin-bottom: 15px;
}

I need to exempt kendo from it.

Upvotes: 0

Views: 178

Answers (1)

Nick
Nick

Reputation: 1259

You'll have overwrite it.

Below line 2765 in common.css Or in a css file loaded afterwards.

#mainContent > .container .sfContentBlock ul {
    margin-bottom: 0 !important;
}

Or target these uls specifically.

#mainContent ul.k-pager-numbers {
    margin-bottom: 0 ! important;
}

Upvotes: 1

Related Questions