Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • February 20, 2015 at 2:44 am #399396
    djshortkut

    I would like some help styling the color of the pagination at the bottom of this page. I would like to make the border outline color of an active page
    #2c5b9c and the hover color when selecting other pages #2c5b9c Thanks!

    February 21, 2015 at 1:55 am #399976
    Andy

    Hi djshortkut!

    use this for current border outline:

    span.current {
box-shadow: 0px 0px 1px 0px rgba(44, 91, 156, 0.2);
}

    The opacity is set to “0.2”, you can set it to “1”, so the color will come through much stronger.

    Use this for hover color:

    .pagination .inactive:hover {
background: #2c5b9c !important;
}

    Regards,
    Andy

    • This reply was modified 9 years, 9 months ago by Andy.
    February 24, 2015 at 5:05 am #401171
    djshortkut

    Thanks Andy!

    The code for the hover color works great! However, the code for the border outline on the pagination for the active page does not work. Can you please help me with this? Thanks!

    February 24, 2015 at 12:02 pm #401315
    Günter

    Hey!

    Try to use the following:

    
.pagination .current {
    border: 1px solid #2c5b9c !important;
}

    Regards,
    Günter

    February 24, 2015 at 5:49 pm #401557
    djshortkut

    Thanks Günter! You can close this thread.

  • Author
    Posts
Viewing 5 posts - 1 through 5 (of 5 total)
  • The topic ‘Pagination Color Styling’ is closed to new replies.