Author Topic: Pagination CSS Issue  (Read 2392 times)

SureshB

  • Pro Ultimate
  • Newbie
  • *
  • Posts: 32
    • View Profile
Pagination CSS Issue
« on: January 30, 2015, 02:30:28 am »
Pagination buttons CSS styles are overlapped by my website theme CSS styles.
is there any way to prevent this??

paramvir

  • Administrator
  • Hero Member
  • *****
  • Posts: 6310
    • View Profile
Re: Pagination CSS Issue
« Reply #1 on: January 30, 2015, 02:52:50 pm »
css rules are applied according to specificity.
If 2 rules have same specificity, then the rule which is added later is applied.

https://developer.mozilla.org/en-US/docs/Web/CSS/Specificity

It looks like your website theme CSS style has higher specificity than pqgrid pagination button. Either you have to lower the specificity of that particular rule in your website theme CSS or you have to increase the specificity of pagination button css rule.

Could you please add css rules from your website theme in the CSS pane of the following jsfiddle which cause pagination button style overlap so that I can have a look and provide resolution.

http://jsfiddle.net/b6b710mz/37/