2. PHPRunner General questions
  3. [SOLVED] CSS for pagination
This topic is locked
[SOLVED]

CSS for pagination

 		1/19/2023 3:13:01 AM
PHPRunner General questions
D
 droogers author

Hello,
I am using PHPrunner 10.9 and I was trying to use CSS code for the Pagination but it didn’t work

div.style1.rnr-bc.rnr-b-pagination a {
color: red;
font-size: 15px;
}
fhumanes 1/19/2023

Hello,

In the Custom CSS section you should include something like:

.pagination {
font-size: 15px;
color: red;
}

Regards,
D
 		droogers author 1/19/2023

Thanks for the reaction. This code also didn't work.
Admin 1/19/2023

I recommend checking these two videos in regards to CSS topic:
https://www.youtube.com/watch?v=_DmMYRCUtU8
https://www.youtube.com/watch?v=yFnD38oslIc
fhumanes 1/20/2023

Hello,

I am not sure what you try to do.

To modify the fonts and colors of the page you have to define something like this.

.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus {
z-index: 3;
color: white;
background-color: red;
border-color: blue;
cursor: default;
font-size: 15px;
}
.pagination > li > a:hover, .pagination > li > span:hover, .pagination > li > a:focus, .pagination > li > span:focus {
z-index: 2;
color: black;
background-color: #eeeeee;
border-color: transparent;
font-size: 15px;
}
.pagination > li > a, .pagination > li > span {
margin-left: 4px;
color:black;
font-size: 15px;
}

You will have to adapt it to what you have decided for your application.

Regards,
fernando
D
 		droogers author 1/20/2023

Thanks a lot Fernando !