Need to Change Background Color of the Pagination buttons

  • Resolved KimMcDougalcrafter

    (@ormgrecipes)


    2 years, 10 months ago

    I can’t find a CSS code to change the pagination buttons to a different background color. The only choices are grey, orange, green, red and blue. How can I change the background and text colors of those buttons?

    The page I need help with: [log in to see the link]

Viewing 5 replies - 1 through 5 (of 5 total)
  • Thread Starter KimMcDougalcrafter

    (@ormgrecipes)

    2 years, 10 months ago

    Any help please? I really want to change the gray background to a color that matches my website. Thanks!

    Plugin Author ndre

    (@ndre)

    2 years, 10 months ago

    Hi @ormgrecipes,

    The best way to fully customize the catalog styling is to use the Product Page Customizer.

    You can also use custom CSS. Example:

    #container.content-area.product-catalog .product-archive-nav li a {
color: red;
background-color: black;
}
    Thread Starter KimMcDougalcrafter

    (@ormgrecipes)

    2 years, 10 months ago

    hi @ndre,
    Thank you for replying! Unfortunately I don’t have it in the budget to upgrade so I tried the CSS code you gave but it didn’t work.

    I even tried changing the code to:
    #container.content-area.product-catalog .product-archive-nav li a {
    color: #ffffff;
    background-color: #feeeee;
    }
    But no dice! It’s still dark gray with white text.
    I put the code in Additional CSS, did I miss something?

    Plugin Author ndre

    (@ndre)

    2 years, 10 months ago

    Please try the following:

    #product_listing .product-archive-nav li a {
color: #ffffff;
background-color: #feeeee;
}
    Thread Starter KimMcDougalcrafter

    (@ormgrecipes)

    2 years, 10 months ago

    @ndre Thank you thank you! That worked perfectly, I changed the color to #111111 cause I forgot how pale the background color would be so white text definitely isn’t readable, my bad! LOL! Thanks again!

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘Need to Change Background Color of the Pagination buttons’ is closed to new replies.