Guriddo » Topic: Reset CSS causing minor text alignment issue

Reset CSS causing minor text alignment issue

Guriddo
CSS
Reset CSS causing minor text alignment issue

Tagged: CSS

This topic has 2 replies, 2 voices, and was last updated 10 years, 9 months ago by wedgef5.

Creator

Topic
July 5, 2015 at 2:16 am #123999

wedgef5
Participant

I had a minor issue arise recently where the column header text was pushed up against the top of its cell. Not horrible, but it didn’t look quite right. I believe I have traced it to this reset CSS that I chose to use. If I change its line-height setting on the body from 1 to ‘normal’, my jqGrid headers look OK.

Is this something that should be set in the jqGrid CSS or my own?

Thanks, Matt
Creator

Topic

Viewing 2 replies - 1 through 2 (of 2 total)

Author

Replies
July 6, 2015 at 10:26 am #124008

guriddo.support
Participant

Hello,

Can you please provide a test code or link to the problem (this is better).
Detecting CSS problems is very difficult and it is better if we have your content rather than to try to reproduce the problem.

As a suggestion you can try to set the lineheight to normal like this

.ui-jqgrid { line-height : normal; }

1
2
3

.ui-jqgrid {
line-height : normal;
}

after all css are loaded.

Kind Regards,
Will

Guriddo Support Team

July 8, 2015 at 11:17 pm #124028

wedgef5
Participant

It turns out my problem was the order in which I was loading my external CSS files. I needed to load my site CSS first, and jquery-ui and jqGrid CSS after mine. This way, the line-height setting in the jqGrid CSS took precedence.

Thank you for your input, Will.

Matt
Author

Replies

Viewing 2 replies - 1 through 2 (of 2 total)

You must be logged in to reply to this topic.

Stay connected with us in your favorite flavor!

Copyright 2014 TriRand LtdAll Rights ReservedRSS