Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • November 28, 2017 at 11:37 am #882589
    catchbudapest

    Hi,

    I am alternating the background colors white and grey on my site.

    When I have a grey background color I want the pagination with a white background.

    With

    .pagination .current, .pagination .inactive{
    background-color: white !important;

    I can change the pagination itself, but the circles with “>” and “>>” are not affected.
    How can I adress them?

    Furthermore with the code above the hover effect is changed as well, but I want to keep the original hover effect.
    With
    .pagination .inactive:hover { }
    I can adress the hover-effect, but I dont know the original hover color.
    (in the private area I placed a link to the webpage)

    Looking forward for your input.

    BR
    Florian

    November 30, 2017 at 1:51 pm #883415
    Yigit

    Hey Florian,

    Please edit your color section with grey background and give them unique ID’s –
    https://kriesi.at/documentation/enfold/wp-content/uploads/sites/2/2013/12/color-section-ID.png and then add following code to Quick CSS

    #grey-color-sections .pagination .current, #grey-color-sections .pagination a {
    background: white;
}

    Best regards,
    Yigit

    November 30, 2017 at 5:58 pm #883518
    catchbudapest

    Thanks a lot, works perfectly fine!

    November 30, 2017 at 7:05 pm #883532
    Yigit

    Hi,

    You are welcome! Let us know if you have any other questions or issues :)

    Best regards,
    Yigit

  • Author
    Posts
Viewing 4 posts - 1 through 4 (of 4 total)
  • The topic ‘Backgroundcolor of pagination’ is closed to new replies.